@ztwoint/z-ui 0.1.83 → 0.1.85

package/dist/components/dialog/dialog.js

@@ -4,13 +4,13 @@ import { cn as l } from "../../lib/utils.js";
 function c({ ...t }) {
   return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
 }
-function f({ ...t }) {
+function u({ ...t }) {
   return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
 function r({ ...t }) {
   return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function u({ ...t }) {
+function f({ ...t }) {
   return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
 }
 function s({
@@ -65,7 +65,7 @@ function x({ className: t, ...a }) {
     "div",
     {
       "data-slot": "dialog-footer",
-      className: l("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+      className: l("flex flex-col-reverse gap-2", t),
       ...a
     }
   );
@@ -98,7 +98,7 @@ function Z({
 }
 export {
   c as Z2Dialog,
-  u as Z2DialogClose,
+  f as Z2DialogClose,
   m as Z2DialogContent,
   Z as Z2DialogDescription,
   x as Z2DialogFooter,
@@ -106,5 +106,5 @@ export {
   s as Z2DialogOverlay,
   r as Z2DialogPortal,
   D as Z2DialogTitle,
-  f as Z2DialogTrigger
+  u as Z2DialogTrigger
 };

package/dist/components/radio/z2-radio.js

@@ -0,0 +1,72 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-radio-group";
+import { cn as d } from "../../lib/utils.js";
+function c({ ...e }) {
+  return /* @__PURE__ */ t(o.Root, { "data-slot": "radio-group", ...e });
+}
+function n({
+  className: e,
+  children: r,
+  size: a = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    o.Item,
+    {
+      "data-slot": "radio-group-item",
+      "data-size": a,
+      className: d(
+        // Base styles
+        "aspect-square rounded-full border-2 border-stroke-solid-high bg-surface-neutral-default",
+        "transition-all duration-200 ease-in-out relative",
+        "focus:outline-none",
+        // Size variants
+        "data-[size=sm]:size-3 data-[size=default]:size-4 data-[size=lg]:size-5",
+        // State styles
+        "hover:border-stroke-solid-hover hover:bg-surface-neutral-hover",
+        "data-[state=checked]:border-surface-accent-default data-[state=checked]:bg-surface-accent-default",
+        "data-[state=checked]:hover:border-surface-accent-hover data-[state=checked]:hover:bg-surface-accent-hover",
+        // Disabled state
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "disabled:border-stroke-solid-light disabled:bg-surface-neutral-disabled",
+        "disabled:hover:border-stroke-solid-light disabled:hover:bg-surface-neutral-disabled",
+        "disabled:data-[state=checked]:border-stroke-solid-light disabled:data-[state=checked]:bg-surface-neutral-disabled",
+        e
+      ),
+      ...s,
+      children: r ?? /* @__PURE__ */ t(
+        i,
+        {
+          className: d(
+            "rounded-full bg-surface-neutral-default",
+            "transition-all duration-200 ease-in-out",
+            a === "sm" && "size-1.5",
+            a === "default" && "size-2",
+            a === "lg" && "size-2.5"
+          )
+        }
+      )
+    }
+  );
+}
+function i({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    o.Indicator,
+    {
+      "data-slot": "radio-group-indicator",
+      className: d(
+        "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center justify-center",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  c as Z2RadioGroup,
+  i as Z2RadioGroupIndicator,
+  n as Z2RadioGroupItem
+};

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

@@ -39,7 +39,8 @@ import "react-dom";
 import "../../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
-const I = ({
+import "@radix-ui/react-radio-group";
+const T = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -77,5 +78,5 @@ const I = ({
   }
 );
 export {
-  I as AvatarCell
+  T as AvatarCell
 };

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

@@ -44,6 +44,7 @@ import "react-dom";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
+import "@radix-ui/react-radio-group";
 import { TableHeaderWrapper as T } from "./components/table-header-wrapper.js";
 import { TableHeaderContent as b } from "./components/table-header-content.js";
 import { TableFooter as s } from "./components/table-footer.js";

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

@@ -39,15 +39,16 @@ import "react-dom";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
+import "@radix-ui/react-radio-group";
 import "../table/table.context.js";
-const Fe = ({
+const we = ({
   dataSource: w,
   schema: B,
   loading: b,
   emptyMessage: H,
   className: j,
-  rounded: i = !0,
-  bordered: n = !0,
+  rounded: n = !0,
+  bordered: i = !0,
   showHeader: g = !0,
   headerClassName: k,
   search: m,
@@ -85,8 +86,8 @@ const Fe = ({
         {
           className: d(
             "flex-shrink-0",
-            n && "border-stroke-solid-medium border-1 border-b-0",
-            i && "rounded-t-xl",
+            i && "border-stroke-solid-medium border-1 border-b-0",
+            n && "rounded-t-xl",
             k
           ),
           children: [
@@ -132,11 +133,11 @@ const Fe = ({
           sort: l == null ? void 0 : l.sort,
           className: d(
             "flex-1 min-h-0",
-            n && "border-stroke-solid-light border-1",
-            i && !(g && C) && "rounded-t-xl",
-            i && !(P && v) && "rounded-b-xl",
-            n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
-            n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+            i && "border-stroke-solid-light border-1",
+            n && !(g && C) && "rounded-t-xl",
+            n && !(P && v) && "rounded-b-xl",
+            i && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+            i && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
             l == null ? void 0 : l.className
           ),
           stickyHeader: l == null ? void 0 : l.stickyHeader
@@ -147,8 +148,8 @@ const Fe = ({
         {
           className: d(
             "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
-            n && "border",
-            i && "rounded-b-xl",
+            i && "border",
+            n && "rounded-b-xl",
             T
           ),
           children: [
@@ -194,5 +195,5 @@ const Fe = ({
   ] });
 };
 export {
-  Fe as default
+  we as default
 };