@versaur/react 0.0.1

package/dist/blocks/top-bar/top-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/top-bar/top-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EACpB,MAAM,iBAAiB,CAAA;AA6BxB;;;GAGG;AACH,QAAA,MAAM,aAAa,+GAIjB,CAAA;AAGF;;;GAGG;AACH,QAAA,MAAM,aAAa,+GAIjB,CAAA;AAGF;;;GAGG;AACH,QAAA,MAAM,cAAc,gHAIlB,CAAA;AAGF;;GAEG;AACH,QAAA,MAAM,UAAU,EAaA;IACd,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAE,GAAG,KAAK,CAAC,YAAY,CAAA;IACpH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAGD;;GAEG;AACH,QAAA,MAAM,cAAc,gHAIlB,CAAA;AAGF;;;GAGG;AACH,QAAA,MAAM,cAAc,EAMd,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,eAAe,CAAA;AAEvG,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/blocks/top-bar/top-bar.types.d.ts

@@ -0,0 +1,65 @@
+import { ComponentPropsWithoutRef, ElementType, ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from 'react';
+/**
+ * TopBar root component props
+ * Pure layout component - no variant styling
+ */
+export interface TopBarProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+}
+/**
+ * TopBar.Leading - Left grid area (logo, brand, navigation)
+ */
+export interface TopBarLeadingProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/**
+ * TopBar.Centred - Center grid area (search, title, etc)
+ */
+export interface TopBarCentredProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/**
+ * TopBar.Trailing - Right grid area (actions, user menu, etc)
+ */
+export interface TopBarTrailingProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/**
+ * TopBar.Item - Polymorphic navigation item (button or link)
+ */
+export type TopBarItemProps<T extends ElementType = "button"> = {
+    as?: T;
+    active?: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<T>, "children">;
+/**
+ * TopBar.ListItem - Horizontal flex container for navigation items
+ */
+export interface TopBarItemListProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/**
+ * Component types for compound interface
+ */
+type TopBarLeadingComponent = ForwardRefExoticComponent<TopBarLeadingProps & RefAttributes<HTMLDivElement>>;
+type TopBarCentredComponent = ForwardRefExoticComponent<TopBarCentredProps & RefAttributes<HTMLDivElement>>;
+type TopBarTrailingComponent = ForwardRefExoticComponent<TopBarTrailingProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Compound component interface for type safety
+ */
+export interface TopBarComponent {
+    Leading: TopBarLeadingComponent;
+    Centred: TopBarCentredComponent;
+    Trailing: TopBarTrailingComponent;
+    Item: <T extends ElementType = "button">(props: TopBarItemProps<T> & RefAttributes<HTMLElement>) => JSX.Element;
+    ListItem: ForwardRefExoticComponent<TopBarItemListProps & RefAttributes<HTMLDivElement>>;
+}
+export type TopBarRef = HTMLElement;
+export type TopBarLeadingRef = HTMLDivElement;
+export type TopBarCentredRef = HTMLDivElement;
+export type TopBarTrailingRef = HTMLDivElement;
+export {};
+//# sourceMappingURL=top-bar.types.d.ts.map

package/dist/blocks/top-bar/top-bar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.types.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/top-bar/top-bar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,yBAAyB,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAEvI;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI;IAC9D,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEjD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,KAAK,sBAAsB,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAA;AAC3G,KAAK,sBAAsB,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAA;AAC3G,KAAK,uBAAuB,GAAG,yBAAyB,CAAC,mBAAmB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAA;AAE7G;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,sBAAsB,CAAA;IAC/B,OAAO,EAAE,sBAAsB,CAAA;IAC/B,QAAQ,EAAE,uBAAuB,CAAA;IACjC,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAC/G,QAAQ,EAAE,yBAAyB,CAAC,mBAAmB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAA;CACzF;AAGD,MAAM,MAAM,SAAS,GAAG,WAAW,CAAA;AACnC,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAA;AAC7C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAA;AAC7C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAA"}

package/dist/blocks.js

@@ -0,0 +1,40 @@
+import { AvatarGroup as t } from "./components/blocks/avatar-group/avatar-group.js";
+import { Tabs as p } from "./components/blocks/tabs/tabs.js";
+import { NoResults as f } from "./components/blocks/no-results/no-results.js";
+import { AttributeList as a } from "./components/blocks/attribute-list/index.js";
+import { BadgeGroup as B } from "./components/blocks/badge-group/badge-group.js";
+import { Card as d } from "./components/blocks/card/card.js";
+import { Table as l } from "./components/blocks/table/table.js";
+import { ButtonGroup as v } from "./components/blocks/button-group/button-group.js";
+import { Menu as G } from "./components/blocks/menu/index.js";
+import { TopBar as T } from "./components/blocks/top-bar/top-bar.js";
+import { Nav as n } from "./components/blocks/nav/index.js";
+import { Sidebar as L } from "./components/blocks/sidebar/sidebar.js";
+import { BottomBar as S } from "./components/blocks/bottom-bar/bottom-bar.js";
+import { AppLayout as w } from "./components/blocks/app-layout/app-layout.js";
+import { Dialog as C } from "./components/blocks/dialog/dialog.js";
+import { Drawer as R } from "./components/blocks/drawer/drawer.js";
+import { Modal as j } from "./components/blocks/modal/modal.js";
+import { BottomSheet as q } from "./components/blocks/bottom-sheet/bottom-sheet.js";
+import { NavItem as E } from "./components/blocks/nav/nav-item.js";
+export {
+  w as AppLayout,
+  a as AttributeList,
+  t as AvatarGroup,
+  B as BadgeGroup,
+  S as BottomBar,
+  q as BottomSheet,
+  v as ButtonGroup,
+  d as Card,
+  C as Dialog,
+  R as Drawer,
+  G as Menu,
+  j as Modal,
+  n as Nav,
+  E as NavItem,
+  f as NoResults,
+  L as Sidebar,
+  l as Table,
+  p as Tabs,
+  T as TopBar
+};

package/dist/components/blocks/app-layout/app-layout.js

@@ -0,0 +1,54 @@
+import { jsx as p } from "react/jsx-runtime";
+import e from "../../../core/src/components/blocks/app-layout/app-layout.module.css.js";
+import { forwardRef as s } from "react";
+import { cx as i } from "../../../utils/cx.js";
+import { useDataAttrs as m } from "../../../hooks/use-data-attrs.js";
+const r = s(
+  ({
+    variant: a = "classic",
+    hideHeader: t,
+    hideBottom: o,
+    className: y,
+    children: d
+  }, N) => {
+    const f = m({
+      "hide-header": t,
+      "hide-bottom": o,
+      variant: a
+    });
+    return /* @__PURE__ */ p("div", { ref: N, className: i(e["app-layout"], y), ...f, children: d });
+  }
+);
+r.displayName = "AppLayout";
+const u = s(
+  ({ className: a, children: t }, o) => /* @__PURE__ */ p("div", { ref: o, className: i(e["app-layout-body"], a), children: t })
+);
+u.displayName = "AppLayout.Body";
+const l = s(({ className: a, children: t }, o) => /* @__PURE__ */ p("header", { ref: o, className: i(e["app-layout-header"], a), children: t }));
+l.displayName = "AppLayout.Header";
+const c = s(
+  ({ className: a, placement: t = "full-width", children: o }, y) => {
+    const d = m({
+      placement: t
+    });
+    return /* @__PURE__ */ p("main", { ref: y, className: i(e["app-layout-main"], a), ...d, children: o });
+  }
+);
+c.displayName = "AppLayout.Main";
+const L = s(({ className: a, children: t }, o) => /* @__PURE__ */ p("aside", { ref: o, className: i(e["app-layout-side-left"], a), children: t }));
+L.displayName = "AppLayout.SideLeft";
+const n = s(({ className: a, children: t }, o) => /* @__PURE__ */ p("aside", { ref: o, className: i(e["app-layout-side-right"], a), children: t }));
+n.displayName = "AppLayout.SideRight";
+const A = s(({ className: a, children: t }, o) => /* @__PURE__ */ p("footer", { ref: o, className: i(e["app-layout-bottom"], a), children: t }));
+A.displayName = "AppLayout.Bottom";
+const b = Object.assign(r, {
+  Body: u,
+  Bottom: A,
+  Header: l,
+  Main: c,
+  SideLeft: L,
+  SideRight: n
+});
+export {
+  b as AppLayout
+};

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

@@ -0,0 +1,22 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cx as d } from "../../../utils/cx.js";
+import { useDataAttrs as p } from "../../../hooks/use-data-attrs.js";
+import { useAttributeListContext as f } from "./attribute-list.js";
+const l = c(
+  ({ title: r, columnSpan: e = "1", contentLineClamp: o = "2", children: i, className: m }, s) => {
+    f();
+    const a = p({
+      "column-span": e,
+      "content-line-clamp": o
+    });
+    return /* @__PURE__ */ n("div", { ref: s, className: d(m), ...a, children: [
+      /* @__PURE__ */ t("dt", { children: r }),
+      /* @__PURE__ */ t("dd", { children: i })
+    ] });
+  }
+);
+l.displayName = "AttributeList.Item";
+export {
+  l as AttributeListItem
+};

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,48 @@
+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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,83 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,41 @@
+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
+};