@versaur/react 1.0.0 → 1.0.1

package/dist/components/blocks/attribute-list/attribute-list.js

@@ -1,23 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import a from "../../../core/src/components/blocks/attribute-list/attribute-list.module.css.js";
-import { createContext as m, forwardRef as c, useContext as b } from "react";
-import { cx as d } from "../../../utils/cx.js";
-import { useDataAttrs as f } from "../../../hooks/use-data-attrs.js";
-const e = m(void 0), C = () => {
-  const t = b(e);
-  if (!t)
-    throw new Error("AttributeList.Item must be used within an AttributeList component");
-  return t;
-}, p = c(
-  ({ columns: t = "3", children: i, className: o, ...s }, n) => {
-    const u = f({
-      columns: t
-    });
-    return /* @__PURE__ */ r(e.Provider, { value: { columns: t }, children: /* @__PURE__ */ r("dl", { ref: n, className: d(a["attribute-list"], o), ...u, ...s, children: i }) });
-  }
-);
-p.displayName = "AttributeList";
-export {
-  p as AttributeList,
-  C as useAttributeListContext
-};

package/dist/components/blocks/attribute-list/index.js

@@ -1,8 +0,0 @@
-import { AttributeList as t } from "./attribute-list.js";
-import { AttributeListItem as i } from "./attribute-list-item.js";
-const s = Object.assign(t, {
-  Item: i
-});
-export {
-  s as AttributeList
-};

package/dist/components/blocks/avatar-group/avatar-group.js

@@ -1,35 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import f from "../../../core/src/components/blocks/avatar-group/avatar-group.module.css.js";
-import { forwardRef as n } from "react";
-import { cx as v } from "../../../utils/cx.js";
-import { useDataAttrs as c } from "../../../hooks/use-data-attrs.js";
-const d = n(
-  ({
-    direction: r = "horizontal",
-    size: a = "md",
-    align: o = "center",
-    wrap: t = "nowrap",
-    "aria-label": p = "Avatar group",
-    children: m,
-    className: e,
-    ...i
-  }, s) => {
-    const l = c({ align: o, direction: r, size: a, wrap: t });
-    return /* @__PURE__ */ u(
-      "div",
-      {
-        ref: s,
-        className: v(f["avatar-group"], e),
-        role: "group",
-        "aria-label": p,
-        ...l,
-        ...i,
-        children: m
-      }
-    );
-  }
-);
-d.displayName = "AvatarGroup";
-export {
-  d as AvatarGroup
-};

package/dist/components/blocks/badge-group/badge-group.js

@@ -1,40 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import g from "../../../core/src/components/blocks/badge-group/badge-group.module.css.js";
-import { forwardRef as u } from "react";
-import { cx as f } from "../../../utils/cx.js";
-import { useDataAttrs as n } from "../../../hooks/use-data-attrs.js";
-const c = u(
-  ({
-    gap: r = "md",
-    direction: o = "horizontal",
-    align: a = "center",
-    wrap: t = "nowrap",
-    "aria-label": e = "Badge group",
-    children: p,
-    className: m,
-    ...d
-  }, i) => {
-    const s = n({
-      align: a,
-      direction: o,
-      gap: r,
-      wrap: t
-    });
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: i,
-        className: f(g["badge-group"], m),
-        role: "group",
-        "aria-label": e,
-        ...s,
-        ...d,
-        children: p
-      }
-    );
-  }
-);
-c.displayName = "BadgeGroup";
-export {
-  c as BadgeGroup
-};

package/dist/components/blocks/bottom-bar/bottom-bar.js

@@ -1,41 +0,0 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import m from "../../../core/src/components/blocks/bottom-bar/bottom-bar.module.css.js";
-import { forwardRef as c } from "react";
-import { cx as b } from "../../../utils/cx.js";
-import { useDataAttrs as j } from "../../../hooks/use-data-attrs.js";
-import { isComponentType as v } from "../../../utils/polymorphic.js";
-const B = c(({ children: t, className: a, ...r }, o) => /* @__PURE__ */ e("nav", { ref: o, className: b(m["bottom-bar"], a), ...r, children: t }));
-B.displayName = "BottomBar";
-const l = c(
-  ({ as: t = "button", href: a, active: r = !1, disabled: o = !1, icon: n, children: i, onClick: s, className: u, ...N }, x) => {
-    const I = v(t, "a"), d = j({
-      active: r,
-      disabled: o
-    }), y = (f) => {
-      if (o) {
-        f.preventDefault();
-        return;
-      }
-      s == null || s(f);
-    }, p = {
-      className: b(m["bottom-bar-item"], u),
-      onClick: y,
-      ref: x,
-      ...d,
-      ...N
-    };
-    return I && (p.href = a), /* @__PURE__ */ h(t || "button", { ...p, children: [
-      n && /* @__PURE__ */ e("span", { className: m["bottom-bar-item-icon"], children: n }),
-      i && /* @__PURE__ */ e("span", { className: m["bottom-bar-item-text"], children: i })
-    ] });
-  }
-);
-l.displayName = "BottomBar.Item";
-const P = Object.assign(B, {
-  Item: l
-});
-export {
-  P as BottomBar,
-  l as BottomBarItem,
-  B as BottomBarRoot
-};

package/dist/components/blocks/bottom-sheet/bottom-sheet.js

@@ -1,48 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import d from "../../../core/src/components/blocks/bottom-sheet/bottom-sheet.module.css.js";
-import a from "../../../core/src/components/utils/overlay-parts/overlay-parts.module.css.js";
-import { XIcon as f } from "@versaur/icons";
-import { createContext as h, forwardRef as i, useContext as u } from "react";
-import { cx as S } from "../../../utils/cx.js";
-import { ButtonIcon as y } from "../../primitive/button-icon/button-icon.js";
-import { Dialog as v } from "../dialog/dialog.js";
-import { OverlayTitle as p, OverlayHeader as x, OverlayFooter as b, OverlayBody as N } from "../../utils/overlay-parts/overlay-parts.js";
-const c = h(void 0), w = () => {
-  const t = u(c);
-  if (!t)
-    throw new Error("BottomSheet subcomponents must be used within BottomSheet");
-  return t;
-}, n = i(
-  ({ open: t, onOpenChange: o, children: r, className: s, ...l }, m) => /* @__PURE__ */ e(c.Provider, { value: { onClose: () => o == null ? void 0 : o(!1) }, children: /* @__PURE__ */ e(v, { ref: m, isOpen: t, onOpenChange: o, className: S(d.bottomSheet, s), ...l, children: /* @__PURE__ */ e("div", { className: a.content, children: r }) }) })
-);
-n.displayName = "BottomSheet";
-const B = i(
-  ({ onClick: t, ...o }, r) => {
-    const { onClose: s } = w();
-    return /* @__PURE__ */ e(
-      y,
-      {
-        as: f,
-        ref: r,
-        variant: "ghost",
-        "aria-label": "Close",
-        onClick: (m) => {
-          s(), t == null || t(m);
-        },
-        className: a.closeButton,
-        ...o
-      }
-    );
-  }
-);
-B.displayName = "BottomSheet.CloseButton";
-const E = Object.assign(n, {
-  Body: N,
-  CloseButton: B,
-  Footer: b,
-  Header: x,
-  Title: p
-});
-export {
-  E as BottomSheet
-};

package/dist/components/blocks/button-group/button-group.js

@@ -1,42 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import f from "../../../core/src/components/blocks/button-group/button-group.module.css.js";
-import { forwardRef as c } from "react";
-import { cx as d } from "../../../utils/cx.js";
-import { useDataAttrs as b } from "../../../hooks/use-data-attrs.js";
-const g = c(
-  ({
-    gap: o = "md",
-    direction: r = "horizontal",
-    align: t = "center",
-    wrap: a = "nowrap",
-    fluid: p = !1,
-    "aria-label": e = "Button group",
-    children: m,
-    className: u,
-    ...n
-  }, s) => {
-    const i = b({
-      align: t,
-      direction: r,
-      fluid: p,
-      gap: o,
-      wrap: a
-    });
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: s,
-        className: d(f["button-group"], u),
-        role: "group",
-        "aria-label": e,
-        ...i,
-        ...n,
-        children: m
-      }
-    );
-  }
-);
-g.displayName = "ButtonGroup";
-export {
-  g as ButtonGroup
-};

package/dist/components/blocks/card/card.js

@@ -1,44 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import m from "../../../core/src/components/blocks/card/card.module.css.js";
-import { forwardRef as c } from "react";
-import { cx as i } from "../../../utils/cx.js";
-import { useDataAttrs as l } from "../../../hooks/use-data-attrs.js";
-function N({ as: t = "div", size: r = "md", border: a, children: o, className: e, ...d }, s) {
-  const y = l({
-    border: a,
-    interactive: t === "button" ? "true" : "false",
-    size: r
-  });
-  return /* @__PURE__ */ n(t === "button" ? "button" : "div", { ref: s, className: i(m.card, e), ...y, ...d, children: o });
-}
-const f = c(
-  N
-);
-f.displayName = "Card";
-const p = c(({ justify: t, gap: r, children: a, className: o, ...e }, d) => {
-  const s = l({ gap: r, justify: t });
-  return /* @__PURE__ */ n("div", { ref: d, className: i(m.header, o), ...s, ...e, children: a });
-});
-p.displayName = "Card.Header";
-const u = c(({ align: t, gap: r, children: a, className: o, ...e }, d) => {
-  const s = l({ align: t, gap: r });
-  return /* @__PURE__ */ n("div", { ref: d, className: i(m.body, o), ...s, ...e, children: a });
-});
-u.displayName = "Card.Body";
-const C = c(({ justify: t, gap: r, children: a, className: o, ...e }, d) => {
-  const s = l({ gap: r, justify: t });
-  return /* @__PURE__ */ n("div", { ref: d, className: i(m.footer, o), ...s, ...e, children: a });
-});
-C.displayName = "Card.Footer";
-const H = Object.assign(f, {
-  Body: u,
-  Footer: C,
-  Header: p
-});
-export {
-  H as Card,
-  u as CardBody,
-  C as CardFooter,
-  p as CardHeader,
-  f as CardRoot
-};

package/dist/components/blocks/dialog/dialog.js

@@ -1,44 +0,0 @@
-import { jsx as R } from "react/jsx-runtime";
-import w, { useRef as y, useEffect as d, useCallback as D } from "react";
-const f = w.forwardRef(
-  ({ isOpen: s, onOpenChange: e, children: u, onClick: l, ...i }, m) => {
-    const a = y(null), r = m || a;
-    d(() => {
-      const t = r.current;
-      if (t) {
-        if (s)
-          try {
-            t.showModal(), document.documentElement.style.overflow = "hidden";
-          } catch {
-          }
-        else
-          t.close(), document.documentElement.style.overflow = "";
-        return () => {
-          document.documentElement.style.overflow = "";
-        };
-      }
-    }, [s, r]), d(() => {
-      const t = r.current;
-      if (!t)
-        return;
-      const c = () => e == null ? void 0 : e(!1), o = (E) => {
-        E.preventDefault(), e == null || e(!1);
-      };
-      return t.addEventListener("close", c), t.addEventListener("cancel", o), () => {
-        t.removeEventListener("close", c), t.removeEventListener("cancel", o);
-      };
-    }, [e, r]);
-    const v = D(
-      (t) => {
-        t.target === t.currentTarget && (e == null || e(!1)), l == null || l(t);
-      },
-      [e, l]
-    );
-    return /* @__PURE__ */ R("dialog", { ...i, ref: r, onClick: v, children: u });
-  }
-);
-f.displayName = "Dialog";
-const b = f;
-export {
-  b as Dialog
-};

package/dist/components/blocks/drawer/drawer.js

@@ -1,83 +0,0 @@
-import { jsx as t, jsxs as d, Fragment as p } from "react/jsx-runtime";
-import y from "../../../core/src/components/blocks/drawer/drawer.module.css.js";
-import a from "../../../core/src/components/utils/overlay-parts/overlay-parts.module.css.js";
-import { XIcon as N } from "@versaur/icons";
-import { createContext as x, forwardRef as i, useContext as h } from "react";
-import { useDataAttrs as B } from "../../../hooks/use-data-attrs.js";
-import { cx as c } from "../../../utils/cx.js";
-import { ButtonIcon as C } from "../../primitive/button-icon/button-icon.js";
-import { OverlayTitle as b, OverlayFooter as T, OverlayBody as j } from "../../utils/overlay-parts/overlay-parts.js";
-import { Dialog as F } from "../dialog/dialog.js";
-const n = x(void 0), H = () => {
-  const r = h(n);
-  if (!r)
-    throw new Error("Drawer subcomponents must be used within Drawer");
-  return r;
-}, w = i(
-  ({ open: r, onOpenChange: e, placement: o = "right", children: s, className: m, ...l }, v) => {
-    const D = B({
-      placement: o
-    });
-    return /* @__PURE__ */ t(n.Provider, { value: { onClose: () => e == null ? void 0 : e(!1) }, children: /* @__PURE__ */ t(
-      F,
-      {
-        ref: v,
-        isOpen: r,
-        onOpenChange: e,
-        className: c(r && y.drawer, m),
-        ...D,
-        ...l,
-        children: /* @__PURE__ */ t("div", { className: a.content, children: s })
-      }
-    ) });
-  }
-);
-w.displayName = "Drawer";
-const u = i(({ onClick: r, ...e }, o) => {
-  const { onClose: s } = H();
-  return /* @__PURE__ */ t(
-    C,
-    {
-      ref: o,
-      variant: "ghost",
-      as: N,
-      "aria-label": "Close",
-      onClick: (l) => {
-        s(), r == null || r(l);
-      },
-      className: a.closeButton,
-      ...e
-    }
-  );
-});
-u.displayName = "Drawer.CloseButton";
-const f = i(
-  ({ action: r, children: e, tabs: o, className: s, ...m }, l) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: l,
-      className: c(a.header, s),
-      ...m,
-      ...r && { "data-action": "" },
-      ...o && { "data-tabs": "" },
-      children: [
-        r ? /* @__PURE__ */ d(p, { children: [
-          /* @__PURE__ */ t("div", { className: a.headerTop, children: r }),
-          e && /* @__PURE__ */ t("div", { className: a.headerContent, children: e })
-        ] }) : /* @__PURE__ */ t("div", { className: a.headerTop, children: e }),
-        o
-      ]
-    }
-  )
-);
-f.displayName = "Drawer.Header";
-const G = Object.assign(w, {
-  Body: j,
-  CloseButton: u,
-  Footer: T,
-  Header: f,
-  Title: b
-});
-export {
-  G as Drawer
-};

package/dist/components/blocks/menu/index.js

@@ -1,7 +0,0 @@
-import { Menu as e } from "./menu.js";
-import { MenuItem as m } from "./menu-item.js";
-const o = e;
-o.Item = m;
-export {
-  o as Menu
-};

package/dist/components/blocks/menu/menu-item.js

@@ -1,41 +0,0 @@
-import { jsxs as N, jsx as m } from "react/jsx-runtime";
-import e from "../../../core/src/components/blocks/menu/menu.module.css.js";
-import { forwardRef as v, useContext as A } from "react";
-import { useDataAttrs as M } from "../../../hooks/use-data-attrs.js";
-import { cx as g } from "../../../utils/cx.js";
-import { Tooltip as j } from "../../primitive/tooltip/tooltip.js";
-import { MenuContext as y } from "./menu.js";
-const D = v(
-  ({ value: r, disabled: i = !1, leftIcon: o, rightIcon: t, children: c, onClick: a, className: l, ...f }, p) => {
-    const s = A(y), d = s != null && s.onChange && r !== void 0 ? s.value === r : !1, u = M({
-      active: d,
-      disabled: i
-    }), h = (n) => {
-      if (i) {
-        n.preventDefault();
-        return;
-      }
-      s != null && s.onChange && r !== void 0 && s.onChange(r), a == null || a(n), s != null && s.closeOnClick && (s != null && s.id) && j.close({ id: s.id });
-    };
-    return /* @__PURE__ */ N(
-      "button",
-      {
-        ref: p,
-        className: g(e["menu-item"], l),
-        disabled: i,
-        ...u,
-        ...f,
-        onClick: h,
-        children: [
-          o ? /* @__PURE__ */ m("span", { className: e["menu-item-icon"], children: o }) : null,
-          /* @__PURE__ */ m("span", { className: e["menu-item-label"], children: c }),
-          t ? /* @__PURE__ */ m("span", { className: e["menu-item-icon"], children: t }) : null
-        ]
-      }
-    );
-  }
-);
-D.displayName = "Menu.Item";
-export {
-  D as MenuItem
-};

package/dist/components/blocks/menu/menu.js

@@ -1,55 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import h from "../../../core/src/components/blocks/menu/menu.module.css.js";
-import { createContext as T, forwardRef as v } from "react";
-import { Tooltip as t } from "../../primitive/tooltip/tooltip.js";
-const y = T(void 0), r = v(
-  ({
-    id: e,
-    placement: n = "bottom",
-    maxHeight: s = 400,
-    minWidth: c = 160,
-    maxWidth: l = 320,
-    gap: m = 8,
-    value: p,
-    onChange: u,
-    closeOnClick: g = !1,
-    children: d,
-    ...a
-  }, f) => {
-    const x = {
-      id: e,
-      closeOnClick: g,
-      onChange: u,
-      value: p
-    };
-    return /* @__PURE__ */ o("div", { ref: f, ...a, children: /* @__PURE__ */ o(y.Provider, { value: x, children: /* @__PURE__ */ o(t, { id: e, placement: n, gap: m, triggerType: "focus", children: /* @__PURE__ */ o(
-      "div",
-      {
-        className: h["menu-list"],
-        style: {
-          "--_max-height": `${s}px`,
-          "--_max-width": `${l}px`,
-          "--_min-width": `${c}px`
-        },
-        children: d
-      }
-    ) }) }) });
-  }
-);
-r.displayName = "Menu";
-function M(e) {
-  return t.getTooltipTriggerProps({
-    id: e.id,
-    triggerType: "focus"
-  });
-}
-function P(e) {
-  t.close(e);
-}
-const i = r;
-i.getTriggerProps = M;
-i.close = P;
-export {
-  i as Menu,
-  y as MenuContext
-};

package/dist/components/blocks/modal/modal.js

@@ -1,81 +0,0 @@
-import { jsx as r, jsxs as N } from "react/jsx-runtime";
-import x from "../../../core/src/components/blocks/modal/modal.module.css.js";
-import d from "../../../core/src/components/utils/overlay-parts/overlay-parts.module.css.js";
-import { XIcon as h } from "@versaur/icons";
-import { createContext as B, forwardRef as s, useContext as b } from "react";
-import { useDataAttrs as w } from "../../../hooks/use-data-attrs.js";
-import { cx as i } from "../../../utils/cx.js";
-import { ButtonIcon as C } from "../../primitive/button-icon/button-icon.js";
-import { OverlayTitle as j, OverlayBody as F } from "../../utils/overlay-parts/overlay-parts.js";
-import { Dialog as H } from "../dialog/dialog.js";
-const c = B(void 0), A = () => {
-  const o = b(c);
-  if (!o)
-    throw new Error("Modal subcomponents must be used within Modal");
-  return o;
-}, n = s(
-  ({ open: o, onOpenChange: t, size: a, position: e, children: l, className: m, ...v }, p) => {
-    const y = w({ size: a, position: e });
-    return /* @__PURE__ */ r(c.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ r(
-      H,
-      {
-        ref: p,
-        isOpen: o,
-        onOpenChange: t,
-        className: i(o && x.modal, m),
-        "data-modal": "",
-        ...y,
-        ...v,
-        children: /* @__PURE__ */ r("div", { className: d.content, children: l })
-      }
-    ) });
-  }
-);
-n.displayName = "Modal";
-const f = s(({ onClick: o, ...t }, a) => {
-  const { onClose: e } = A();
-  return /* @__PURE__ */ r(
-    C,
-    {
-      ref: a,
-      variant: "ghost",
-      as: h,
-      "aria-label": "Close",
-      onClick: (m) => {
-        e(), o == null || o(m);
-      },
-      className: d.closeButton,
-      ...t
-    }
-  );
-});
-f.displayName = "Modal.CloseButton";
-const u = s(({ action: o, children: t, className: a, ...e }, l) => /* @__PURE__ */ N("div", { ref: l, className: i(d.header, "modal-header", a), "data-modal-header": "", ...e, children: [
-  /* @__PURE__ */ r("div", { children: t }),
-  o && /* @__PURE__ */ r("div", { className: "modal-header-action", children: o })
-] }));
-u.displayName = "Modal.Header";
-const M = s(
-  ({ align: o = "end", children: t, className: a, ...e }, l) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: l,
-      className: i(d.footer, "modal-footer", a),
-      "data-modal-footer": "",
-      "data-align": o,
-      ...e,
-      children: t
-    }
-  )
-);
-M.displayName = "Modal.Footer";
-const G = Object.assign(n, {
-  Body: F,
-  CloseButton: f,
-  Footer: M,
-  Header: u,
-  Title: j
-});
-export {
-  G as Modal
-};

package/dist/components/blocks/nav/index.js

@@ -1,9 +0,0 @@
-import { Nav as t } from "./nav.js";
-import { NavItem as a } from "./nav-item.js";
-const r = Object.assign(t, {
-  Item: a
-});
-export {
-  r as Nav,
-  a as NavItem
-};

package/dist/components/blocks/nav/nav-item.js

@@ -1,56 +0,0 @@
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import o from "../../../core/src/components/blocks/nav/nav.module.css.js";
-import { forwardRef as A, useContext as I } from "react";
-import { cx as j } from "../../../utils/cx.js";
-import { useDataAttrs as D } from "../../../hooks/use-data-attrs.js";
-import { Icon as v } from "../../primitive/icon/icon.js";
-import { NavContext as w } from "./nav.js";
-const S = A(
-  ({
-    as: m = "button",
-    active: u = !1,
-    value: a,
-    disabled: s = !1,
-    loading: r = !1,
-    leftIcon: c,
-    rightIcon: n,
-    children: d,
-    onClick: i,
-    className: h,
-    ...N
-  }, l) => {
-    const t = I(w), f = t != null && t.onChange && a !== void 0 ? t.value === a : u, b = D({
-      active: f,
-      disabled: s || r,
-      loading: r
-    }), x = (p) => {
-      if (s || r) {
-        p.preventDefault();
-        return;
-      }
-      t != null && t.onChange && a !== void 0 && t.onChange(a), i == null || i(p);
-    };
-    return /* @__PURE__ */ y(
-      m,
-      {
-        ref: l,
-        className: j(o["nav-item"], h),
-        "aria-current": f && m !== "button" ? "page" : void 0,
-        "aria-disabled": s || r ? "true" : void 0,
-        "aria-busy": r ? "true" : void 0,
-        ...b,
-        ...N,
-        onClick: x,
-        children: [
-          c && /* @__PURE__ */ e("span", { className: o["nav-item-icon"], children: /* @__PURE__ */ e(v, { as: c }) }),
-          d,
-          n && /* @__PURE__ */ e("span", { className: o["nav-item-icon"], children: /* @__PURE__ */ e(v, { as: n }) })
-        ]
-      }
-    );
-  }
-);
-S.displayName = "NavItem";
-export {
-  S as NavItem
-};