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

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,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 "../../../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 Xt = ({
   dataSource: w,
   schema: B,
   loading: b,
@@ -69,8 +75,8 @@ const Gt = ({
   headerClassName: j,
   search: s,
   filter: e,
-  headerLeftContent: h,
-  headerActions: p,
+  headerLeftContent: p,
+  headerActions: h,
   body: o = {
     cell: { hasBorder: !0 },
     className: "",
@@ -94,7 +100,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 || !!i || N, v = s || 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,7 +114,7 @@ const Gt = ({
           ),
           children: [
             /* @__PURE__ */ m(r.HeaderContent, { className: "overflow-x-auto p-[1px]", children: [
-              h && h,
+              p && p,
               s && /* @__PURE__ */ t(
                 r.Search,
                 {
@@ -139,7 +145,7 @@ const Gt = ({
                 }
               )
             ] }),
-            p && /* @__PURE__ */ t(r.HeaderContent, { children: p })
+            h && /* @__PURE__ */ t(r.HeaderContent, { children: h })
           ]
         }
       ),
@@ -213,5 +219,5 @@ const Gt = ({
   ] });
 };
 export {
-  Gt as default
+  Xt 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,15 @@ 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 "../../../../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 gt = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -94,5 +100,5 @@ const ut = ({
   }
 );
 export {
-  ut as AvatarCell
+  gt 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,14 @@ 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 "../../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';