@versaur/react 0.0.1

package/dist/components/primitive/avatar/avatar.js

@@ -0,0 +1,37 @@
+import { jsx as l } from "react/jsx-runtime";
+import f from "../../../core/src/components/primitive/avatar/avatar.module.css.js";
+import { UserIcon as u } from "@versaur/icons";
+import { forwardRef as n, useState as A } from "react";
+import { cx as p } from "../../../utils/cx.js";
+import { useDataAttrs as d } from "../../../hooks/use-data-attrs.js";
+import { Icon as I } from "../icon/icon.js";
+const g = n(
+  ({ variant: t = "primary", size: r = "md", shape: a = "circle", children: m, className: e, ...s }, o) => {
+    const i = d({ shape: a, size: r, variant: t }), c = m || /* @__PURE__ */ l(I, { as: u });
+    return /* @__PURE__ */ l("span", { ref: o, className: p(f.avatar, e), role: "img", ...i, ...s, children: c });
+  }
+);
+g.displayName = "Avatar";
+const v = n(({ src: t, alt: r, onError: a, className: m, ...e }, s) => {
+  const [o, i] = A(!1);
+  return o ? null : /* @__PURE__ */ l(
+    "img",
+    {
+      ref: s,
+      className: p(f["avatar-image"], m),
+      src: t,
+      alt: r,
+      onError: (c) => {
+        i(!0), a == null || a(c);
+      },
+      ...e
+    }
+  );
+});
+v.displayName = "Avatar.Image";
+const h = Object.assign(g, {
+  Image: v
+});
+export {
+  h as Avatar
+};

package/dist/components/primitive/badge/badge.js

@@ -0,0 +1,41 @@
+import { jsxs as b } from "react/jsx-runtime";
+import u from "../../../core/src/components/primitive/badge/badge.module.css.js";
+import { forwardRef as y } from "react";
+import { cx as B } from "../../../utils/cx.js";
+import { useDataAttrs as v } from "../../../hooks/use-data-attrs.js";
+const w = y(
+  ({
+    variant: f = "primary",
+    size: l = "medium",
+    shape: d = "rounded",
+    iconLeft: r,
+    iconRight: a,
+    maxWidth: i,
+    children: m,
+    style: n,
+    className: c,
+    ...p
+  }, g) => {
+    const t = !!r, o = !!a, s = !!m;
+    let e;
+    t && o && s ? e = "both-text" : t && s ? e = "left-text" : o && s ? e = "right-text" : t && o ? e = "both" : t ? e = "left" : o && (e = "right");
+    const h = v({
+      shape: d,
+      size: l,
+      variant: f,
+      ...e && { iconConfig: e }
+    }), x = {
+      ...n,
+      ...i && { "--vers-comp-badge-max-width": i }
+    };
+    return /* @__PURE__ */ b("div", { ref: g, className: B(u.badge, c), ...h, ...p, style: x, children: [
+      r,
+      m,
+      a
+    ] });
+  }
+);
+w.displayName = "Badge";
+export {
+  w as Badge
+};

package/dist/components/primitive/button/button.js

@@ -0,0 +1,64 @@
+import { jsxs as y, jsx as L } from "react/jsx-runtime";
+import j from "../../../core/src/components/primitive/button/button.module.css.js";
+import { LoaderIcon as A } from "@versaur/icons";
+import { forwardRef as D } from "react";
+import { cx as I } from "../../../utils/cx.js";
+import { useDataAttrs as N } from "../../../hooks/use-data-attrs.js";
+import { Icon as R } from "../icon/icon.js";
+const w = D(
+  ({
+    variant: u = "primary",
+    size: p = "medium",
+    loading: e = !1,
+    disabled: a = !1,
+    pressed: c = !1,
+    leftIcon: f,
+    rightIcon: m,
+    children: n,
+    type: d = "button",
+    onClick: s,
+    className: b,
+    ...h
+  }, x) => {
+    const o = !!f, r = !!m, i = !!n;
+    let t;
+    o && r && i ? t = "both-text" : o && i ? t = "left-text" : r && i ? t = "right-text" : o && r ? t = "both" : o ? t = "left" : r && (t = "right");
+    const B = N({
+      disabled: a || e,
+      loading: e,
+      size: p,
+      variant: u,
+      ...t && { iconConfig: t }
+    }), v = (l) => {
+      if (a || e) {
+        l.preventDefault();
+        return;
+      }
+      s == null || s(l);
+    };
+    return /* @__PURE__ */ y(
+      "button",
+      {
+        ref: x,
+        type: d,
+        className: I(j.button, b),
+        "aria-pressed": c ? "true" : void 0,
+        "aria-busy": e ? "true" : void 0,
+        "aria-disabled": a || e ? "true" : void 0,
+        ...B,
+        ...h,
+        onClick: v,
+        children: [
+          e ? /* @__PURE__ */ L(R, { as: A, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
+          f,
+          n,
+          m
+        ]
+      }
+    );
+  }
+);
+w.displayName = "Button";
+export {
+  w as Button
+};

package/dist/components/primitive/button-icon/button-icon.js

@@ -0,0 +1,56 @@
+import { jsx as o } from "react/jsx-runtime";
+import y from "../../../core/src/components/primitive/button-icon/button-icon.module.css.js";
+import { LoaderIcon as x } from "@versaur/icons";
+import { forwardRef as h } from "react";
+import { cx as A } from "../../../utils/cx.js";
+import { useDataAttrs as B } from "../../../hooks/use-data-attrs.js";
+import { Icon as s } from "../icon/icon.js";
+const D = h(
+  ({
+    as: m,
+    variant: i = "primary",
+    size: n = "medium",
+    loading: r = !1,
+    disabled: t = !1,
+    pressed: u = !1,
+    type: f = "button",
+    onClick: a,
+    iconProps: p = {},
+    "aria-label": c,
+    className: d,
+    ...l
+  }, b) => {
+    const I = B({
+      disabled: t || r,
+      loading: r,
+      size: n,
+      variant: i
+    }), v = (e) => {
+      if (t || r) {
+        e.preventDefault();
+        return;
+      }
+      a == null || a(e);
+    };
+    return /* @__PURE__ */ o(
+      "button",
+      {
+        ref: b,
+        type: f,
+        className: A(y["button-icon"], d),
+        "aria-label": c,
+        "aria-pressed": u ? "true" : void 0,
+        "aria-busy": r ? "true" : void 0,
+        "aria-disabled": t || r ? "true" : void 0,
+        ...I,
+        ...l,
+        onClick: v,
+        children: r ? /* @__PURE__ */ o(s, { as: x, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ o(s, { as: m, ...p })
+      }
+    );
+  }
+);
+D.displayName = "ButtonIcon";
+export {
+  D as ButtonIcon
+};

package/dist/components/primitive/dot/dot.js

@@ -0,0 +1,16 @@
+import { jsx as p } from "react/jsx-runtime";
+import e from "../../../core/src/components/primitive/dot/dot.module.css.js";
+import { forwardRef as i } from "react";
+import { cx as f } from "../../../utils/cx.js";
+import { useDataAttrs as d } from "../../../hooks/use-data-attrs.js";
+const c = i(({ variant: t = "primary", size: r = "medium", className: o, ...m }, a) => {
+  const s = d({
+    size: r,
+    variant: t
+  });
+  return /* @__PURE__ */ p("span", { ref: a, className: f(e.dot, o), ...s, ...m });
+});
+c.displayName = "Dot";
+export {
+  c as Dot
+};

package/dist/components/primitive/heading/heading.js

@@ -0,0 +1,22 @@
+import { jsx as p } from "react/jsx-runtime";
+import g from "../../../core/src/components/primitive/heading/heading.module.css.js";
+import { forwardRef as h } from "react";
+import { cx as l } from "../../../utils/cx.js";
+import { useDataAttrs as x } from "../../../hooks/use-data-attrs.js";
+const u = h(
+  ({ as: r = "h2", size: t, weight: a, intent: o, case: e, transform: m, children: s, className: i, ...n }, c) => {
+    const d = r, f = x({
+      as: r,
+      case: e,
+      intent: o,
+      size: t,
+      transform: m,
+      weight: a
+    });
+    return /* @__PURE__ */ p(d, { ref: c, className: l(g.heading, i), ...f, ...n, children: s });
+  }
+);
+u.displayName = "Heading";
+export {
+  u as Heading
+};

package/dist/components/primitive/hr/hr.js

@@ -0,0 +1,28 @@
+import { jsx as p } from "react/jsx-runtime";
+import f from "../../../core/src/components/primitive/hr/hr.module.css.js";
+import { forwardRef as c } from "react";
+import { cx as l } from "../../../utils/cx.js";
+import { useDataAttrs as d } from "../../../hooks/use-data-attrs.js";
+const h = c(({ orientation: r, variant: t, size: o, spacing: a, className: m, ...e }, s) => {
+  const i = d({
+    orientation: r,
+    size: o,
+    spacing: a,
+    variant: t
+  });
+  return /* @__PURE__ */ p(
+    "hr",
+    {
+      ref: s,
+      className: l(f.hr, m),
+      role: "separator",
+      "aria-orientation": r === "vertical" ? "vertical" : void 0,
+      ...i,
+      ...e
+    }
+  );
+});
+h.displayName = "Hr";
+export {
+  h as Hr
+};

package/dist/components/primitive/icon/icon.js

@@ -0,0 +1,13 @@
+import { jsx as c } from "react/jsx-runtime";
+import s from "../../../core/src/components/primitive/icon/icon.module.css.js";
+import e from "react";
+import { cx as f } from "../../../utils/cx.js";
+import { useDataAttrs as p } from "../../../hooks/use-data-attrs.js";
+const d = e.forwardRef(function({ intent: o = "inherit", size: t = "inherit", as: r, className: i, ...m }, n) {
+  const a = p({ intent: o, size: t });
+  return /* @__PURE__ */ c(r, { ref: n, className: f(s.icon, i), ...a, ...m });
+});
+d.displayName = "Icon";
+export {
+  d as Icon
+};

package/dist/components/primitive/kbd/kbd.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import f from "../../../core/src/components/primitive/kbd/kbd.module.css.js";
+import { forwardRef as i } from "react";
+import { cx as p } from "../../../utils/cx.js";
+import { useDataAttrs as b } from "../../../hooks/use-data-attrs.js";
+const l = i(({ variant: r = "filled", size: t = "md", children: o, className: m, ...d }, s) => {
+  const a = b({ size: t, variant: r });
+  return /* @__PURE__ */ e("kbd", { ref: s, className: p(f.kbd, m), ...a, ...d, children: o });
+});
+l.displayName = "Kbd";
+export {
+  l as Kbd
+};

package/dist/components/primitive/loader/loader.js

@@ -0,0 +1,23 @@
+import { jsxs as i, jsx as d } from "react/jsx-runtime";
+import n from "../../../core/src/components/primitive/loader/loader.module.css.js";
+import { LoaderIcon as p } from "@versaur/icons";
+import { forwardRef as f } from "react";
+import { cx as c } from "../../../utils/cx.js";
+import { useDataAttrs as l } from "../../../hooks/use-data-attrs.js";
+import { Icon as x } from "../icon/icon.js";
+const u = f(
+  ({ type: r = "spinner", size: o = "sm", children: t, className: a, ...m }, e) => {
+    const s = l({
+      size: o,
+      type: r
+    });
+    return /* @__PURE__ */ i("div", { ref: e, className: c(n.loader, a), ...s, ...m, children: [
+      r === "spinner" && /* @__PURE__ */ d(x, { as: p, "aria-hidden": "true" }),
+      t
+    ] });
+  }
+);
+u.displayName = "Loader";
+export {
+  u as Loader
+};

package/dist/components/primitive/text/text.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import d from "../../../core/src/components/primitive/text/text.module.css.js";
+import { forwardRef as l } from "react";
+import { cx as T } from "../../../utils/cx.js";
+import { useDataAttrs as u } from "../../../hooks/use-data-attrs.js";
+const y = l(
+  ({ as: t = "p", size: r, weight: o, intent: e, case: m, transform: s, children: a, className: p, ...c }, f) => {
+    const x = t, i = u({
+      as: t,
+      case: m,
+      intent: e,
+      size: r,
+      transform: s,
+      weight: o
+    });
+    return /* @__PURE__ */ n(x, { ref: f, className: T(d.text, p), ...i, ...c, children: a });
+  }
+);
+y.displayName = "Text";
+export {
+  y as Text
+};

package/dist/components/primitive/tooltip/tooltip.js

@@ -0,0 +1,71 @@
+import { jsx as m } from "react/jsx-runtime";
+import a from "../../../core/src/components/primitive/tooltip/tooltip.module.css.js";
+import { forwardRef as f, useRef as x } from "react";
+import { useDataAttrs as v } from "../../../hooks/use-data-attrs.js";
+import { useTooltipPositioning as h } from "../../../hooks/use-tooltip-positioning.js";
+import { combineRefs as A } from "../../../utils/combine-refs.js";
+import { cx as u } from "../../../utils/cx.js";
+const E = 8, g = f(
+  ({ id: r, children: o, placement: t = "top", gap: e = E, triggerType: i = "all", style: p, className: s, ...l }, d) => {
+    const c = x(null), y = v({
+      placement: t
+    });
+    return h({
+      gap: e,
+      id: r,
+      placement: t,
+      tooltipRef: c,
+      triggerType: i
+    }), /* @__PURE__ */ m(
+      "div",
+      {
+        ref: A(c, d),
+        id: r,
+        className: u(a.tooltip, s),
+        ...y,
+        style: {
+          "--_gap": `${e}px`,
+          positionAnchor: `--tooltip-${r}`,
+          ...p
+        },
+        ...l,
+        popover: "auto",
+        children: o
+      }
+    );
+  }
+);
+g.displayName = "Tooltip";
+const T = f(
+  ({ children: r, maxWidth: o, maxLines: t = 2, style: e, className: i, ...p }, s) => {
+    const l = {
+      "--_lines": t,
+      "--_max-width": o,
+      ...e
+    };
+    return /* @__PURE__ */ m("div", { ref: s, className: u(a["tooltip-text"], i), style: l, ...p, children: r });
+  }
+);
+T.displayName = "Tooltip.Text";
+function N(r) {
+  const { id: o, triggerType: t = "all", ...e } = r, i = {
+    "data-tooltip-trigger": o,
+    style: { anchorName: `--tooltip-${o}` },
+    ...Object.fromEntries(Object.entries(e).map(([p, s]) => [p, String(s)]))
+  };
+  return t !== "focus" && (i.popoverTarget = o), i;
+}
+function P(r) {
+  const { id: o } = r, t = document.getElementById(o);
+  t && t.matches(":popover-open") && requestAnimationFrame(() => {
+    const e = document.querySelector(`[data-tooltip-trigger="${o}"]`);
+    e && document.activeElement === e && e.blur(), t.matches(":popover-open") && t.hidePopover();
+  });
+}
+const n = g;
+n.Text = T;
+n.getTooltipTriggerProps = N;
+n.close = P;
+export {
+  n as Tooltip
+};

package/dist/components/utils/overlay-parts/overlay-parts.js

@@ -0,0 +1,20 @@
+import { jsx as l } from "react/jsx-runtime";
+import s from "../../../core/src/components/utils/overlay-parts/overlay-parts.module.css.js";
+import { forwardRef as t } from "react";
+import { cx as y } from "../../../utils/cx.js";
+const d = t(({ children: e, className: a, ...r }, o) => /* @__PURE__ */ l("div", { ref: o, className: y(s.header, a), ...r, children: e }));
+d.displayName = "OverlayHeader";
+const i = t(
+  ({ children: e, as: a = "h2", className: r, ...o }, m) => /* @__PURE__ */ l(a, { ref: m, className: y(s.title, r), ...o, children: e })
+);
+i.displayName = "OverlayTitle";
+const v = t(({ children: e, className: a, ...r }, o) => /* @__PURE__ */ l("div", { ref: o, className: y(s.body, a), ...r, children: e }));
+v.displayName = "OverlayBody";
+const c = t(({ children: e, className: a, ...r }, o) => /* @__PURE__ */ l("div", { ref: o, className: y(s.footer, a), ...r, children: e }));
+c.displayName = "OverlayFooter";
+export {
+  v as OverlayBody,
+  c as OverlayFooter,
+  d as OverlayHeader,
+  i as OverlayTitle
+};

package/dist/core/src/components/blocks/app-layout/app-layout.module.css.js

@@ -0,0 +1,12 @@
+const a = {
+  "app-layout": "_app-layout_nvm54_2",
+  "app-layout-header": "_app-layout-header_nvm54_25",
+  "app-layout-body": "_app-layout-body_nvm54_34",
+  "app-layout-main": "_app-layout-main_nvm54_87",
+  "app-layout-side-left": "_app-layout-side-left_nvm54_141",
+  "app-layout-side-right": "_app-layout-side-right_nvm54_151",
+  "app-layout-bottom": "_app-layout-bottom_nvm54_161"
+};
+export {
+  a as default
+};

package/dist/core/src/components/blocks/attribute-list/attribute-list.module.css.js

@@ -0,0 +1,6 @@
+const t = {
+  "attribute-list": "_attribute-list_1xjik_2"
+};
+export {
+  t as default
+};

package/dist/core/src/components/blocks/avatar-group/avatar-group.module.css.js

@@ -0,0 +1,6 @@
+const a = {
+  "avatar-group": "_avatar-group_18m4c_2"
+};
+export {
+  a as default
+};

package/dist/core/src/components/blocks/badge-group/badge-group.module.css.js

@@ -0,0 +1,6 @@
+const e = {
+  "badge-group": "_badge-group_g5tbn_2"
+};
+export {
+  e as default
+};

package/dist/core/src/components/blocks/bottom-bar/bottom-bar.module.css.js

@@ -0,0 +1,9 @@
+const t = {
+  "bottom-bar": "_bottom-bar_r49lm_2",
+  "bottom-bar-item": "_bottom-bar-item_r49lm_38",
+  "bottom-bar-item-icon": "_bottom-bar-item-icon_r49lm_84",
+  "bottom-bar-item-text": "_bottom-bar-item-text_r49lm_94"
+};
+export {
+  t as default
+};

package/dist/core/src/components/blocks/bottom-sheet/bottom-sheet.module.css.js

@@ -0,0 +1,7 @@
+const t = "_bottomSheet_14nkl_1", e = {
+  bottomSheet: t
+};
+export {
+  t as bottomSheet,
+  e as default
+};

package/dist/core/src/components/blocks/button-group/button-group.module.css.js

@@ -0,0 +1,6 @@
+const t = {
+  "button-group": "_button-group_4891p_2"
+};
+export {
+  t as default
+};

package/dist/core/src/components/blocks/card/card.module.css.js

@@ -0,0 +1,13 @@
+const o = "_card_1kvwt_1", t = "_header_1kvwt_112", e = "_body_1kvwt_166", _ = "_footer_1kvwt_210", d = {
+  card: o,
+  header: t,
+  body: e,
+  footer: _
+};
+export {
+  e as body,
+  o as card,
+  d as default,
+  _ as footer,
+  t as header
+};

package/dist/core/src/components/blocks/drawer/drawer.module.css.js

@@ -0,0 +1,7 @@
+const r = "_drawer_1pkzl_1", e = {
+  drawer: r
+};
+export {
+  e as default,
+  r as drawer
+};

package/dist/core/src/components/blocks/menu/menu.module.css.js

@@ -0,0 +1,9 @@
+const e = {
+  "menu-list": "_menu-list_1rwzn_4",
+  "menu-item": "_menu-item_1rwzn_34",
+  "menu-item-label": "_menu-item-label_1rwzn_55",
+  "menu-item-icon": "_menu-item-icon_1rwzn_60"
+};
+export {
+  e as default
+};

package/dist/core/src/components/blocks/modal/modal.module.css.js

@@ -0,0 +1,7 @@
+const l = "_modal_lpscz_1", o = {
+  modal: l
+};
+export {
+  o as default,
+  l as modal
+};

package/dist/core/src/components/blocks/nav/nav.module.css.js

@@ -0,0 +1,9 @@
+const n = "_nav_114f4_2", a = {
+  nav: n,
+  "nav-item": "_nav-item_114f4_19",
+  "nav-item-icon": "_nav-item-icon_114f4_99"
+};
+export {
+  a as default,
+  n as nav
+};

package/dist/core/src/components/blocks/no-results/no-results.module.css.js

@@ -0,0 +1,11 @@
+const s = {
+  "no-results": "_no-results_qh56o_1",
+  "no-results-header": "_no-results-header_qh56o_20",
+  "no-results-icon": "_no-results-icon_qh56o_30",
+  "no-results-title": "_no-results-title_qh56o_41",
+  "no-results-subtitle": "_no-results-subtitle_qh56o_49",
+  "no-results-action": "_no-results-action_qh56o_58"
+};
+export {
+  s as default
+};

package/dist/core/src/components/blocks/sidebar/sidebar.module.css.js

@@ -0,0 +1,21 @@
+const e = "_sidebar_1u8ap_2", a = {
+  sidebar: e,
+  "sidebar-header": "_sidebar-header_1u8ap_31",
+  "sidebar-body": "_sidebar-body_1u8ap_42",
+  "sidebar-footer": "_sidebar-footer_1u8ap_54",
+  "sidebar-group": "_sidebar-group_1u8ap_66",
+  "sidebar-group-header": "_sidebar-group-header_1u8ap_78",
+  "sidebar-group-label": "_sidebar-group-label_1u8ap_109",
+  "sidebar-group-chevron": "_sidebar-group-chevron_1u8ap_117",
+  "sidebar-group-content": "_sidebar-group-content_1u8ap_132",
+  "sidebar-item-list": "_sidebar-item-list_1u8ap_150",
+  "sidebar-item": "_sidebar-item_1u8ap_150",
+  "sidebar-item-icon": "_sidebar-item-icon_1u8ap_202",
+  "sidebar-item-text": "_sidebar-item-text_1u8ap_212",
+  "sidebar-item-action": "_sidebar-item-action_1u8ap_220",
+  "sidebar-divider": "_sidebar-divider_1u8ap_238"
+};
+export {
+  a as default,
+  e as sidebar
+};

package/dist/core/src/components/blocks/table/table.module.css.js

@@ -0,0 +1,12 @@
+const e = "_table_1kl8p_2", l = {
+  table: e,
+  "table-header": "_table-header_1kl8p_45",
+  "table-head": "_table-head_1kl8p_45",
+  "table-body": "_table-body_1kl8p_84",
+  "table-footer": "_table-footer_1kl8p_127",
+  "table-cell": "_table-cell_1kl8p_146"
+};
+export {
+  l as default,
+  e as table
+};

package/dist/core/src/components/blocks/tabs/tabs.module.css.js

@@ -0,0 +1,14 @@
+const t = "_tabs_k1lh4_6", s = "_tablist_k1lh4_27", _ = "_tabitem_k1lh4_41", a = "_trigger_k1lh4_51", b = {
+  tabs: t,
+  tablist: s,
+  tabitem: _,
+  trigger: a,
+  "tabs-thumb": "_tabs-thumb_k1lh4_142"
+};
+export {
+  b as default,
+  _ as tabitem,
+  s as tablist,
+  t as tabs,
+  a as trigger
+};

package/dist/core/src/components/blocks/top-bar/top-bar.module.css.js

@@ -0,0 +1,12 @@
+const t = {
+  "top-bar": "_top-bar_qibl6_2",
+  "top-bar-leading": "_top-bar-leading_qibl6_24",
+  "top-bar-centred": "_top-bar-centred_qibl6_32",
+  "top-bar-trailing": "_top-bar-trailing_qibl6_41",
+  "top-bar-list-item": "_top-bar-list-item_qibl6_49",
+  "top-bar-item": "_top-bar-item_qibl6_56",
+  "top-bar-item-icon": "_top-bar-item-icon_qibl6_100"
+};
+export {
+  t as default
+};

package/dist/core/src/components/forms/checkbox/checkbox.module.css.js

@@ -0,0 +1,13 @@
+const t = "_checkbox_n85tz_7", c = "_input_n85tz_35", n = "_indicator_n85tz_44", o = "_label_n85tz_123", _ = {
+  checkbox: t,
+  input: c,
+  indicator: n,
+  label: o
+};
+export {
+  t as checkbox,
+  _ as default,
+  n as indicator,
+  c as input,
+  o as label
+};