@ztwoint/z-ui 0.2.0-beta.0 → 0.2.0-beta.2

package/dist/components/avatar/avatar.d.ts

@@ -75,7 +75,7 @@ declare function Element({ label, className, ref, asChild, children, ...props }:
  * Props for the Avatar Label component.
  * @interface LabelProps
  */
-interface LabelProps {
+interface AvatarLabelProps {
     /** Text content to display in the avatar (typically user initials) */
     label: string;
     /** Additional CSS classes for custom styling */
@@ -98,7 +98,7 @@ interface LabelProps {
  * <Avatar.Label label="AB" className="text-yellow-300" />
  * ```
  */
-declare function Label({ label, className, ref, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+declare function Label({ label, className, ref, ...props }: AvatarLabelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Props for the AvatarWithLabel convenience component.
  * @interface AvatarWithLabelProps
@@ -182,4 +182,4 @@ declare const Avatar: {
  * - TypeScript support with comprehensive prop types
  * - Optimized typography for readability at all sizes
  */
-export { Avatar, AvatarWithLabel, ElementProps, LabelProps, RootProps, AvatarWithLabelProps };
+export { Avatar, AvatarWithLabel, ElementProps, AvatarLabelProps, RootProps, AvatarWithLabelProps };

package/dist/components/badge/badge.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
     variant?: "success" | "warning" | "danger" | "neutral" | "brand" | "gray" | null | undefined;
-    rounded?: "none" | "sm" | "md" | "full" | "lg" | null | undefined;
+    rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, rounded, leftIcon, rightIcon, label, asChild, }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {

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

@@ -24,7 +24,6 @@ import "../../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import S from "../../assets/icons/octagon-warning-Copy.js";
-import "../../input/input.js";
 import "../../nav-header/nav-header.js";
 import "../../nav-header/nav-item/nav-item.js";
 import "@radix-ui/react-select";
@@ -34,13 +33,12 @@ import "../../stepper-item/stepper-item.js";
 import "@radix-ui/react-tabs";
 import "../../tooltip/tooltip.js";
 import { Filter as x } from "../../table-filter/index.js";
-import "../../badge/badge.js";
 import "../../avatar/avatar.js";
 import "../../text-preset/text-preset.js";
 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 "../../input/input.js";
 import "../../radio/z2-radio.js";
 import "../../segmented-control/item.js";
 import "../popconfirm/popconfirm.js";
@@ -56,8 +54,18 @@ import "../../z2map/components/map-pin-content.js";
 import "../../z2map/components/map-controls.js";
 import "../../z2map/components/map-zoom-control.js";
 import "../../z2map/components/map-style-control.js";
+import "@radix-ui/react-slot";
+import "../../badge/badge.js";
+import "../../../v2/atoms/inputs/input.js";
+import "../../../v2/atoms/inputs/label.js";
+import "../../../v2/atoms/indicators/badge.js";
+import "../../../v2/atoms/indicators/number-badge.js";
+import "../../../v2/atoms/indicators/featured-icon.js";
+import "../../../v2/atoms/indicators/stepper.js";
+import "../../../v2/atoms/actions/button.js";
+import "../../../v2/atoms/actions/breadcrumb-link.js";
 import "../../table/table.context.js";
-const Gt = ({
+const Zt = ({
   dataSource: w,
   schema: B,
   loading: b,
@@ -67,10 +75,10 @@ const Gt = ({
   bordered: n = !0,
   showHeader: g = !0,
   headerClassName: j,
-  search: s,
+  search: i,
   filter: e,
-  headerLeftContent: h,
-  headerActions: p,
+  headerLeftContent: p,
+  headerActions: h,
   body: o = {
     cell: { hasBorder: !0 },
     className: "",
@@ -79,7 +87,7 @@ const Gt = ({
   showFooter: P = !0,
   footerClassName: T,
   pagination: l,
-  paginationInfo: i,
+  paginationInfo: s,
   paginationQuickJumper: a,
   error: u = !1,
   dataSourceError: _ = !1
@@ -94,7 +102,7 @@ const Gt = ({
         typeof u == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: u })
       ] })
     ] }) });
-  const N = a && a.totalPage && a.totalPage >= 2, C = l && l.totalPage && l.totalPage >= 2 || !!i || N, v = s || e || h || p, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
+  const N = a && a.totalPage && a.totalPage >= 2, C = l && l.totalPage && l.totalPage >= 2 || !!s || N, v = i || e || p || h, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
   return /* @__PURE__ */ m("div", { className: d("flex flex-col overflow-hidden relative", H), children: [
     /* @__PURE__ */ m(r, { dataSource: w, schema: B, emptyMessage: k, children: [
       g && v && /* @__PURE__ */ m(
@@ -108,17 +116,17 @@ const Gt = ({
           ),
           children: [
             /* @__PURE__ */ m(r.HeaderContent, { className: "overflow-x-auto p-[1px]", children: [
-              h && h,
-              s && /* @__PURE__ */ t(
+              p && p,
+              i && /* @__PURE__ */ t(
                 r.Search,
                 {
                   search: {
-                    value: s.value || "",
-                    onChange: s.onChange || (() => {
+                    value: i.value || "",
+                    onChange: i.onChange || (() => {
                     }),
-                    placeholder: s.placeholder
+                    placeholder: i.placeholder
                   },
-                  className: s.className
+                  className: i.className
                 }
               ),
               e && /* @__PURE__ */ m(
@@ -139,7 +147,7 @@ const Gt = ({
                 }
               )
             ] }),
-            p && /* @__PURE__ */ t(r.HeaderContent, { children: p })
+            h && /* @__PURE__ */ t(r.HeaderContent, { children: h })
           ]
         }
       ),
@@ -171,13 +179,13 @@ const Gt = ({
             T
           ),
           children: [
-            i ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
+            s ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
               r.PaginationInfo,
               {
-                showTotal: i.showTotal,
-                totalItems: i.totalItems,
-                currentPage: i.currentPage,
-                itemsPerPage: i.itemsPerPage
+                showTotal: s.showTotal,
+                totalItems: s.totalItems,
+                currentPage: s.currentPage,
+                itemsPerPage: s.itemsPerPage
               }
             ) }) : a || l ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
             (a || l) && /* @__PURE__ */ m(r.FooterContent, { children: [
@@ -213,5 +221,5 @@ const Gt = ({
   ] });
 };
 export {
-  Gt as default
+  Zt as default
 };

package/dist/components/table/components/cell/avatar-cell.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-import { RootProps, LabelProps } from '../../../avatar/avatar';
+import { RootProps, AvatarLabelProps } from '../../../avatar/avatar';
 import { CellValue } from '../../table.type';
 export interface AvatarCellProps {
     avatar: {
-        label: LabelProps['label'];
+        label: AvatarLabelProps['label'];
         color: RootProps['color'];
     };
     value: CellValue;

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

@@ -22,7 +22,6 @@ import "@radix-ui/react-dialog";
 import "../../../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
-import "../../../input/input.js";
 import "../../../nav-header/nav-header.js";
 import "../../../nav-header/nav-item/nav-item.js";
 import "@radix-ui/react-select";
@@ -33,14 +32,13 @@ import "@radix-ui/react-tabs";
 import "../../table-provider.js";
 import { Avatar as l } from "../../../avatar/avatar.js";
 import "../../table.context.js";
+import "../../../input/input.js";
 import "../../../tooltip/tooltip.js";
 import "../../../table-filter/index.js";
-import "../../../badge/badge.js";
 import "../../../text-preset/text-preset.js";
 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 "../../../radio/z2-radio.js";
 import "../../../segmented-control/item.js";
 import "../../../primitives/popconfirm/popconfirm.js";
@@ -56,7 +54,17 @@ import "../../../z2map/components/map-pin-content.js";
 import "../../../z2map/components/map-controls.js";
 import "../../../z2map/components/map-zoom-control.js";
 import "../../../z2map/components/map-style-control.js";
-const ut = ({
+import "@radix-ui/react-slot";
+import "../../../badge/badge.js";
+import "../../../../v2/atoms/inputs/input.js";
+import "../../../../v2/atoms/inputs/label.js";
+import "../../../../v2/atoms/indicators/badge.js";
+import "../../../../v2/atoms/indicators/number-badge.js";
+import "../../../../v2/atoms/indicators/featured-icon.js";
+import "../../../../v2/atoms/indicators/stepper.js";
+import "../../../../v2/atoms/actions/button.js";
+import "../../../../v2/atoms/actions/breadcrumb-link.js";
+const jt = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -94,5 +102,5 @@ const ut = ({
   }
 );
 export {
-  ut as AvatarCell
+  jt as AvatarCell
 };

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

@@ -29,7 +29,6 @@ import "@radix-ui/react-dialog";
 import "../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
-import "../input/input.js";
 import "../nav-header/nav-header.js";
 import "../nav-header/nav-item/nav-item.js";
 import "@radix-ui/react-select";
@@ -39,13 +38,12 @@ import "../stepper-item/stepper-item.js";
 import "@radix-ui/react-tabs";
 import "../tooltip/tooltip.js";
 import "../table-filter/index.js";
-import "../badge/badge.js";
 import "../avatar/avatar.js";
 import "../text-preset/text-preset.js";
 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 "../input/input.js";
 import "../radio/z2-radio.js";
 import "../segmented-control/item.js";
 import "../primitives/popconfirm/popconfirm.js";
@@ -61,6 +59,16 @@ import "../z2map/components/map-pin-content.js";
 import "../z2map/components/map-controls.js";
 import "../z2map/components/map-zoom-control.js";
 import "../z2map/components/map-style-control.js";
+import "@radix-ui/react-slot";
+import "../badge/badge.js";
+import "../../v2/atoms/inputs/input.js";
+import "../../v2/atoms/inputs/label.js";
+import "../../v2/atoms/indicators/badge.js";
+import "../../v2/atoms/indicators/number-badge.js";
+import "../../v2/atoms/indicators/featured-icon.js";
+import "../../v2/atoms/indicators/stepper.js";
+import "../../v2/atoms/actions/button.js";
+import "../../v2/atoms/actions/breadcrumb-link.js";
 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/css/config/config.css

@@ -27,3 +27,4 @@
 @import './typography/index.css';
 @import './shadows.css';
 @import './other-variables.css';
+@import './components/index.css';