@ztwoint/z-ui 0.1.50 → 0.1.52

package/dist/components/dialog/dialog.js

@@ -41,7 +41,7 @@ function m({
       {
         "data-slot": "dialog-content",
         className: l(
-          "bg-surface-neutral-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 shadow-lg duration-200 sm:max-w-lg",
+          "bg-surface-neutral-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
         ...i,

package/dist/components/table/components/table-header/table-header.js

@@ -9,7 +9,7 @@ const A = ({
   sort: a,
   cell: s,
   stickyHeader: l = !1
-}) => /* @__PURE__ */ r("thead", { className: i(t.header, l && "sticky top-0 z-1"), children: /* @__PURE__ */ r("tr", { children: o.map((e) => {
+}) => /* @__PURE__ */ r("thead", { className: i(t.header, l && "sticky top-0"), children: /* @__PURE__ */ r("tr", { children: o.map((e) => {
   const d = p(e.key, a), c = C(e.key, a);
   return /* @__PURE__ */ r(
     "th",

package/dist/components/table/table.js

@@ -1,46 +1,51 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import * as T from "react";
-import { DEFAULT_EMPTY_MESSAGE as g, TABLE_CSS_CLASSES as m } from "./table.const.js";
-import { TableHeader as E } from "./components/table-header/table-header.js";
-import { TableRow as y } from "./components/table-row.js";
-import { TableEmptyState as x } from "./components/table-empty-state.js";
-import { TableLoadingState as B } from "./components/table-loading-state.js";
-import { TableContext as C } from "./table.context.js";
-import { cn as s } from "../../lib/utils.js";
-const R = ({ cell: o = { hasBorder: !0 }, sort: n, className: f, stickyHeader: d = !1, ...i }) => {
-  const c = T.useContext(C), {
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as y from "react";
+import { DEFAULT_EMPTY_MESSAGE as S, TABLE_CSS_CLASSES as n } from "./table.const.js";
+import { TableHeader as g } from "./components/table-header/table-header.js";
+import { TableRow as T } from "./components/table-row.js";
+import { TableEmptyState as w } from "./components/table-empty-state.js";
+import { TableContext as E } from "./table.context.js";
+import { cn as m } from "../../lib/utils.js";
+const j = ({ cell: a = { hasBorder: !0 }, sort: d, className: i, stickyHeader: c = !1, ...f }) => {
+  const p = y.useContext(E), {
     dataSource: t = [],
-    schema: r = [],
-    loading: a = !1,
-    emptyMessage: p = g,
-    customCells: u
-  } = c || i, S = () => a ? /* @__PURE__ */ e(B, { colSpan: r.length }) : !t || t.length === 0 ? /* @__PURE__ */ e(x, { colSpan: r.length, message: p }) : /* @__PURE__ */ e("tbody", { children: t.map((b, l) => /* @__PURE__ */ e(
-    y,
+    schema: o = [],
+    loading: r = !1,
+    emptyMessage: u = S,
+    customCells: h
+  } = p || f, b = () => !t || t.length === 0 && !r ? /* @__PURE__ */ e(w, { colSpan: o.length, message: u }) : /* @__PURE__ */ e("tbody", { children: t.map((x, s) => /* @__PURE__ */ e(
+    T,
     {
-      record: b,
-      index: l,
-      schema: r,
-      customCells: u,
-      cell: o
+      record: x,
+      index: s,
+      schema: o,
+      customCells: h,
+      cell: a
     },
-    l
+    s
   )) });
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: s(
-        "overflow-y-auto",
-        m.bordered[o.hasBorder && !a && t.length > 0 ? "true" : "false"],
-        f
+      className: m(
+        r ? "overflow-y-hidden" : "overflow-y-auto",
+        n.bordered[a.hasBorder && !r && t.length > 0 ? "true" : "false"],
+        i
       ),
-      children: /* @__PURE__ */ h("table", { className: s(m.table, "w-full"), children: [
-        /* @__PURE__ */ e(E, { schema: r, sort: n, cell: o, stickyHeader: d }),
-        S()
-      ] })
+      children: [
+        /* @__PURE__ */ l("table", { className: m(n.table, "w-full"), children: [
+          b(),
+          /* @__PURE__ */ e(g, { schema: o, sort: d, cell: a, stickyHeader: c })
+        ] }),
+        r && /* @__PURE__ */ e("div", { className: "sticky top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3", children: [
+          /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
+          /* @__PURE__ */ e("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
+        ] }) })
+      ]
     }
   );
 };
 export {
-  R as TableBody,
-  R as default
+  j as TableBody,
+  j as default
 };

package/dist/components/text-preset/text-preset.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+declare const textPresetVariants: (props?: ({
+    type?: "L" | "C" | "R" | null | undefined;
+    multiline?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface Z2TextPresetProps extends VariantProps<typeof textPresetVariants> {
+    primaryFirst?: boolean;
+    primaryText: string;
+    supportText?: string;
+    className?: string;
+}
+export default function Z2TextPreset({ type, multiline, primaryFirst, primaryText, supportText, className, }: Z2TextPresetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/css/config/colors/semantic/alert.css

@@ -1,44 +1,44 @@
 :root {
-    --alert-surface-neutral: var(--color-neutral-50);
-    --alert-surface-accent: var(--color-blue-50);
-    --alert-surface-success: var(--color-green-50);
-    --alert-surface-warning: var(--color-amber-50);
-    --alert-surface-danger: var(--color-red-50);
+  --alert-surface-neutral: var(--color-neutral-50);
+  --alert-surface-accent: var(--color-blue-50);
+  --alert-surface-success: var(--color-green-50);
+  --alert-surface-warning: var(--color-amber-50);
+  --alert-surface-danger: var(--color-red-50);
 
-    --alert-stroke-neutral: var(--color-neutral-100);
-    --alert-stroke-accent: var(--color-blue-100);
-    --alert-stroke-success: var(--color-green-100);
-    --alert-stroke-warning: var(--color-amber-100);
-    --alert-stroke-danger: var(--color-red-100);
+  --alert-stroke-neutral: var(--color-neutral-100);
+  --alert-stroke-accent: var(--color-blue-100);
+  --alert-stroke-success: var(--color-green-100);
+  --alert-stroke-warning: var(--color-amber-100);
+  --alert-stroke-danger: var(--color-red-100);
 }
 
 .dark {
-    --alert-surface-neutral: var(--color-neutral-50);
-    --alert-surface-accent: var(--color-blue-50);
-    --alert-surface-success: var(--color-green-50);
-    --alert-surface-warning: var(--color-amber-50);
-    --alert-surface-danger: var(--color-red-50);
+  --alert-surface-neutral: var(--color-neutral-50);
+  --alert-surface-accent: var(--color-blue-50);
+  --alert-surface-success: var(--color-green-50);
+  --alert-surface-warning: var(--color-amber-50);
+  --alert-surface-danger: var(--color-red-50);
 
-    --alert-stroke-neutral: var(--color-neutral-100);
-    --alert-stroke-accent: var(--color-blue-100);
-    --alert-stroke-success: var(--color-green-100);
-    --alert-stroke-warning: var(--color-amber-100);
-    --alert-stroke-danger: var(--color-red-100);
+  --alert-stroke-neutral: var(--color-neutral-100);
+  --alert-stroke-accent: var(--color-blue-100);
+  --alert-stroke-success: var(--color-green-100);
+  --alert-stroke-warning: var(--color-amber-100);
+  --alert-stroke-danger: var(--color-red-100);
 }
 
 /* Tailwind v4 Theme Integration */
 @theme inline {
-    /* Alert - Surface */
-    --color-alert-surface-neutral: var(--alert-surface-neutral);
-    --color-alert-surface-accent: var(--alert-surface-accent);
-    --color-alert-surface-success: var(--alert-surface-success);
-    --color-alert-surface-warning: var(--alert-surface-warning);
-    --color-alert-surface-danger: var(--alert-surface-danger);
+  /* Alert - Surface */
+  --color-alert-surface-neutral: var(--alert-surface-neutral);
+  --color-alert-surface-accent: var(--alert-surface-accent);
+  --color-alert-surface-success: var(--alert-surface-success);
+  --color-alert-surface-warning: var(--alert-surface-warning);
+  --color-alert-surface-danger: var(--alert-surface-danger);
 
-    /* Alert - Stroke */
-    --color-alert-stroke-neutral: var(--alert-stroke-neutral);
-    --color-alert-stroke-accent: var(--alert-stroke-accent);
-    --color-alert-stroke-success: var(--alert-stroke-success);
-    --color-alert-stroke-warning: var(--alert-stroke-warning);
-    --color-alert-stroke-danger: var(--alert-stroke-danger);
-}
+  /* Alert - Stroke */
+  --color-alert-stroke-neutral: var(--alert-stroke-neutral);
+  --color-alert-stroke-accent: var(--alert-stroke-accent);
+  --color-alert-stroke-success: var(--alert-stroke-success);
+  --color-alert-stroke-warning: var(--alert-stroke-warning);
+  --color-alert-stroke-danger: var(--alert-stroke-danger);
+}

package/dist/css/config/colors/semantic/background.css

@@ -27,7 +27,7 @@
   --background-neutral-hover: var(--neutral-50);
   --background-neutral-focused: var(--neutral-25);
 
-  --background-inverted-elevated: #1414141A;
+  --background-inverted-elevated: #1414141a;
 
   /* Overlay - Dark Mode */
   --overlay-default: var(--neutral-50);