@ztwoint/z-ui 0.1.56 → 0.1.58

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare function Z2Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Z2Checkbox };

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-checkbox";
+import { cn as i } from "../../lib/utils.js";
+function s({ className: r, ...a }) {
+  return /* @__PURE__ */ e(
+    t.Root,
+    {
+      "data-slot": "checkbox",
+      className: i(
+        [
+          "group border-box size-3.5 rounded-[5px] border-[2px] border-stroke-solid-high",
+          "hover:border-stroke-solid-hover",
+          "disabled:border-none bg-surface-neutral-disabled",
+          "data-[state=checked]:border-none data-[state=checked]:bg-surface-accent-default",
+          "data-[state=checked]:text-text-inverted-primary",
+          "data-[state=checked]:hover:bg-surface-accent-hover",
+          "data-[state=indeterminate]:border-none data-[state=indeterminate]:bg-surface-accent-default",
+          "data-[state=indeterminate]:hover:bg-accent-hover",
+          "data-[state=indeterminate]:text-text-inverted-primary",
+          "focus-visible:border-ring",
+          "shrink-0",
+          "transition-all duration-100 ease-in-out",
+          "flex items-center justify-center"
+        ],
+        r
+      ),
+      ...a,
+      children: /* @__PURE__ */ o(
+        t.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: [
+            /* @__PURE__ */ e(
+              "svg",
+              {
+                className: "hidden group-data-[state=checked]:block",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 16 17",
+                fill: "none",
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M10.0166 5.34313C10.3595 4.91054 10.988 4.83742 11.4209 5.18004C11.8536 5.52291 11.9267 6.15241 11.584 6.58531L7.78417 11.3851C7.60149 11.6157 7.3262 11.7546 7.03222 11.764C6.73801 11.7733 6.45383 11.6516 6.25683 11.433L4.45702 9.43297C4.08766 9.0225 4.12088 8.39032 4.53124 8.02086C4.9417 7.65149 5.57388 7.68474 5.94335 8.09508L6.95116 9.21422L10.0166 5.34313Z",
+                    fill: "currentColor"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              "svg",
+              {
+                className: "hidden group-data-[state=indeterminate]:block",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 16 17",
+                fill: "none",
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M11.3018 7.36852C11.8062 7.41958 12.2002 7.84576 12.2002 8.36363C12.2002 8.88151 11.8062 9.30769 11.3018 9.35875L11.2002 9.36363H4.7998C4.2476 9.36353 3.7998 8.91586 3.7998 8.36363C3.7998 7.81141 4.2476 7.36373 4.7998 7.36363H11.2002L11.3018 7.36852Z",
+                    fill: "currentColor"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  s as Z2Checkbox
+};

package/dist/components/table/components/cell/avatar-cell.js

@@ -16,6 +16,7 @@ import "../../../collapsible-side-nav-bar/context.js";
 import "../../../collapsible-side-nav-bar/popover/popover.js";
 import "react-country-flag";
 import "classnames";
+import "@radix-ui/react-checkbox";
 import "@radix-ui/react-dialog";
 import "../../../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
@@ -33,7 +34,7 @@ import "../../table.context.js";
 import "../../../tooltip/tooltip.js";
 import "../../../badge/badge.js";
 import "../../../text-preset/text-preset.js";
-const W = ({
+const X = ({
   avatar: m,
   value: a,
   rightIcon: e,
@@ -71,5 +72,5 @@ const W = ({
   }
 );
 export {
-  W as AvatarCell
+  X as AvatarCell
 };

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

@@ -24,6 +24,7 @@ import "../collapsible-side-nav-bar/context.js";
 import "../collapsible-side-nav-bar/popover/popover.js";
 import "react-country-flag";
 import "classnames";
+import "@radix-ui/react-checkbox";
 import "@radix-ui/react-dialog";
 import "../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";

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

@@ -17,6 +17,7 @@ import "../collapsible-side-nav-bar/context.js";
 import "../collapsible-side-nav-bar/popover/popover.js";
 import "react-country-flag";
 import "classnames";
+import "@radix-ui/react-checkbox";
 import "@radix-ui/react-dialog";
 import "../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
@@ -33,7 +34,7 @@ import "../badge/badge.js";
 import "../avatar/avatar.js";
 import "../text-preset/text-preset.js";
 import "../table/table.context.js";
-const nt = ({
+const Pt = ({
   dataSource: v,
   schema: u,
   loading: H,
@@ -52,14 +53,14 @@ const nt = ({
     className: "",
     stickyHeader: !0
   },
-  showFooter: x = !0,
+  showFooter: p = !0,
   footerClassName: k,
   pagination: l,
   paginationInfo: a,
   paginationQuickJumper: s
 }) => {
   var B;
-  const p = s && s.totalPage && s.totalPage >= 2, F = l && l.totalPage && l.totalPage >= 2 || !!a || p, g = m || e || P || i, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
+  const x = s && s.totalPage && s.totalPage >= 2, F = l && l.totalPage && l.totalPage >= 2 || !!a || x, g = m || e || P || i, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
   return /* @__PURE__ */ o("div", { className: n("flex flex-col overflow-hidden", T), children: /* @__PURE__ */ c(t, { dataSource: v, schema: u, loading: H, emptyMessage: w, children: [
     C && g && /* @__PURE__ */ c(
       t.Header,
@@ -114,7 +115,7 @@ const nt = ({
           "flex-1 min-h-0",
           h && "border-stroke-solid-light border-1",
           d && !(C && g) && "rounded-t-xl",
-          d && !(x && F) && "rounded-b-xl",
+          d && !(p && F) && "rounded-b-xl",
           h && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
           h && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
           r == null ? void 0 : r.className
@@ -122,7 +123,7 @@ const nt = ({
         stickyHeader: r == null ? void 0 : r.stickyHeader
       }
     ),
-    x && F && /* @__PURE__ */ c(
+    p && F && /* @__PURE__ */ c(
       t.Footer,
       {
         className: n(
@@ -142,7 +143,7 @@ const nt = ({
             }
           ) }) : s || l ? /* @__PURE__ */ o(t.FooterContent, { children: null }) : null,
           (s || l) && /* @__PURE__ */ c(t.FooterContent, { children: [
-            p && /* @__PURE__ */ o(
+            x && /* @__PURE__ */ o(
               t.PaginationQuickJumper,
               {
                 currentPage: s.currentPage,
@@ -169,5 +170,5 @@ const nt = ({
   ] }) });
 };
 export {
-  nt as default
+  Pt as default
 };

package/dist/components/text-preset/text-preset.js

@@ -1,7 +1,7 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { cva as c } from "class-variance-authority";
-import { cn as d } from "../../lib/utils.js";
-const o = c("flex flex-col", {
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cva as d } from "class-variance-authority";
+import { cn as c } from "../../lib/utils.js";
+const o = d("flex flex-col", {
   variants: {
     type: {
       L: "text-left",
@@ -19,27 +19,34 @@ const o = c("flex flex-col", {
   }
 });
 function x({
-  type: l = "L",
+  type: s = "L",
   multiline: n = !1,
   primaryFirst: i = !0,
   primaryText: a,
   supportText: t,
   className: m
 }) {
-  const r = d(o({ type: l, multiline: n }), m);
-  return i ? /* @__PURE__ */ s("div", { className: r, children: [
+  const r = c(o({ type: s, multiline: n }), m);
+  return i ? /* @__PURE__ */ l("div", { className: r, children: [
     /* @__PURE__ */ e("span", { "data-slot": "primary-text", className: "text-text-neutral-primary leading-none-medium-sm", children: a }),
-    t && /* @__PURE__ */ e("span", { "data-slot": "support-text", className: "text-text-neutral-secondary leading-none-regular-sm", children: t })
-  ] }) : /* @__PURE__ */ s("div", { className: r, children: [
+    t && /* @__PURE__ */ e(
+      "span",
+      {
+        "data-slot": "support-text",
+        className: "text-text-neutral-secondary leading-normal-regular-sm",
+        children: t
+      }
+    )
+  ] }) : /* @__PURE__ */ l("div", { className: r, children: [
     t && /* @__PURE__ */ e(
       "p",
       {
         "data-slot": "support-text",
-        className: "text-text-neutral-secondary leading-none-regular-sm",
+        className: "text-text-neutral-secondary leading-normal-regular-sm",
         children: t
       }
     ),
-    /* @__PURE__ */ e("p", { "data-slot": "primary-text", className: "text-text-neutral-primary", children: a })
+    /* @__PURE__ */ e("p", { "data-slot": "primary-text", className: "text-text-neutral-primary leading-none-medium-sm", children: a })
   ] });
 }
 x.displayName = "Z2TextPreset";