@cystackapp/ui 2.0.4 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/empty-state/EmptyState.js +20 -18
  2. package/package.json +1 -1
package/dist/components/empty-state/EmptyState.js CHANGED
@@ -1,37 +1,39 @@
1
- import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import { SearchLg as n } from "@untitled-ui/icons-react";
1
+ import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
+ import { SearchLg as m } from "@untitled-ui/icons-react";
3
3
  import { cn as d } from "../../utils/cn.js";
4
4
  import f from "../../assets/background-pattern-grid.svg.js";
5
5
  import x from "../../assets/background-pattern-circles-md.svg.js";
6
6
  import p from "../../assets/empty-cloud.svg.js";
7
- const b = ({
8
- description: s,
9
- title: a,
7
+ const y = ({
8
+ description: a,
9
+ title: s,
10
10
  supportingText: i,
11
- type: t = "illustration",
12
- buttons: r,
13
- className: c,
11
+ type: r = "illustration",
12
+ buttons: l,
13
+ className: n,
14
14
  icon: o
15
15
  }) => {
16
- const m = s ?? a ?? i;
17
- return /* @__PURE__ */ l(
16
+ const c = a ?? s ?? i;
17
+ return /* @__PURE__ */ t(
18
18
  "div",
19
19
  {
20
20
  className: d(
21
- "relative flex flex-1 flex-col items-center justify-center gap-8 overflow-hidden pb-6 pt-12",
22
- c
21
+ "relative isolate flex flex-1 flex-col items-center justify-center gap-8 overflow-hidden pb-6 pt-12",
22
+ n
23
23
  ),
24
24
  children: [
25
- t === "illustration" ? /* @__PURE__ */ e(f, { className: "absolute -top-1/3 h-120 w-120" }) : /* @__PURE__ */ e(x, { className: "absolute -top-[10.55rem] h-120 w-120" }),
26
- /* @__PURE__ */ l("div", { className: "z-10 flex flex-col items-center gap-5", children: [
27
- t === "illustration" ? /* @__PURE__ */ e(p, { className: "h-32 w-43" }) : /* @__PURE__ */ e("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg border border-gray-v2-200 bg-white shadow-xs", children: o ?? /* @__PURE__ */ e(n, { className: "h-6 w-6" }) }),
28
- /* @__PURE__ */ e("div", { className: "flex flex-col items-center px-3 text-center", children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-v2", children: m }) })
25
+ /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-5", children: [
26
+ /* @__PURE__ */ t("div", { className: "relative flex items-center justify-center", children: [
27
+ r === "illustration" ? /* @__PURE__ */ e(f, { className: "pointer-events-none absolute left-1/2 top-1/2 -z-10 h-120 w-120 -translate-x-1/2 -translate-y-1/2" }) : /* @__PURE__ */ e(x, { className: "pointer-events-none absolute left-1/2 top-1/2 -z-10 h-120 w-120 -translate-x-1/2 -translate-y-1/2" }),
28
+ r === "illustration" ? /* @__PURE__ */ e(p, { className: "h-32 w-43" }) : /* @__PURE__ */ e("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg border border-gray-v2-200 bg-white shadow-xs", children: o ?? /* @__PURE__ */ e(m, { className: "h-6 w-6" }) })
29
+ ] }),
30
+ /* @__PURE__ */ e("div", { className: "flex flex-col items-center px-3 text-center", children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-v2", children: c }) })
29
31
  ] }),
30
- r ? /* @__PURE__ */ e("div", { className: "flex gap-3", children: r }) : null
32
+ l ? /* @__PURE__ */ e("div", { className: "flex gap-3", children: l }) : null
31
33
  ]
32
34
  }
33
35
  );
34
36
  };
35
37
  export {
36
- b as EmptyState
38
+ y as EmptyState
37
39
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cystackapp/ui",
3
- "version": "2.0.4",
3
+ "version": "2.0.5",
4
4
  "description": "CyStack design system — reusable React UI components built with Tailwind CSS v4",
5
5
  "license": "MIT",
6
6
  "repository": {