@ztwoint/z-ui 0.1.52 → 0.1.54

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

@@ -32,7 +32,8 @@ import { Avatar as p } from "../../../avatar/avatar.js";
 import "../../table.context.js";
 import "../../../tooltip/tooltip.js";
 import "../../../badge/badge.js";
-const V = ({
+import "../../../text-preset/text-preset.js";
+const W = ({
   avatar: m,
   value: a,
   rightIcon: e,
@@ -70,5 +71,5 @@ const V = ({
   }
 );
 export {
-  V as AvatarCell
+  W as AvatarCell
 };

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

@@ -1,5 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as p from "react";
+import { jsx as p } from "react/jsx-runtime";
+import * as e from "react";
 import { TableContext as a } from "./table.context.js";
 import { TableBody as n } from "./table.js";
 import { TableFilter as f } from "./components/table-filter/table-filter-provider.js";
@@ -38,6 +38,7 @@ import "@radix-ui/react-tabs";
 import "../tooltip/tooltip.js";
 import "../badge/badge.js";
 import "../avatar/avatar.js";
+import "../text-preset/text-preset.js";
 import { TableHeaderWrapper as c } from "./components/table-header-wrapper.js";
 import { TableHeaderContent as d } from "./components/table-header-content.js";
 import { TableFooter as u } from "./components/table-footer.js";
@@ -50,13 +51,13 @@ const t = ({
   filterComponents: x,
   ...r
 }) => {
-  const m = p.useMemo(
+  const m = e.useMemo(
     () => ({
       ...r
     }),
     [r]
   );
-  return /* @__PURE__ */ e(a.Provider, { value: m, children: i });
+  return /* @__PURE__ */ p(a.Provider, { value: m, children: i });
 }, P = t, o = P;
 o.Body = n;
 o.Filter = f;

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

@@ -31,10 +31,11 @@ import "@radix-ui/react-tabs";
 import "../tooltip/tooltip.js";
 import "../badge/badge.js";
 import "../avatar/avatar.js";
+import "../text-preset/text-preset.js";
 import "../table/table.context.js";
-const dt = ({
+const nt = ({
   dataSource: v,
-  schema: i,
+  schema: u,
   loading: H,
   emptyMessage: w,
   className: T,
@@ -45,7 +46,7 @@ const dt = ({
   search: m,
   filter: e,
   headerLeftContent: P,
-  headerActions: u,
+  headerActions: i,
   body: r = {
     cell: { hasBorder: !0 },
     className: "",
@@ -58,8 +59,8 @@ const dt = ({
   paginationQuickJumper: s
 }) => {
   var B;
-  const F = s && s.totalPage && s.totalPage >= 2, p = l && l.totalPage && l.totalPage >= 2 || !!a || F, g = m || e || P || u, 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: i, loading: H, emptyMessage: w, children: [
+  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;
+  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,
       {
@@ -87,7 +88,7 @@ const dt = ({
             e && /* @__PURE__ */ c(
               t.Filter,
               {
-                schema: i,
+                schema: u,
                 filter: {
                   value: e.value || [],
                   onChange: e.onChange || (() => {
@@ -100,7 +101,7 @@ const dt = ({
               }
             )
           ] }),
-          u && /* @__PURE__ */ o(t.HeaderContent, { children: u })
+          i && /* @__PURE__ */ o(t.HeaderContent, { children: i })
         ]
       }
     ),
@@ -113,7 +114,7 @@ const dt = ({
           "flex-1 min-h-0",
           h && "border-stroke-solid-light border-1",
           d && !(C && g) && "rounded-t-xl",
-          d && !(x && p) && "rounded-b-xl",
+          d && !(x && 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
@@ -121,7 +122,7 @@ const dt = ({
         stickyHeader: r == null ? void 0 : r.stickyHeader
       }
     ),
-    x && p && /* @__PURE__ */ c(
+    x && F && /* @__PURE__ */ c(
       t.Footer,
       {
         className: n(
@@ -141,7 +142,7 @@ const dt = ({
             }
           ) }) : s || l ? /* @__PURE__ */ o(t.FooterContent, { children: null }) : null,
           (s || l) && /* @__PURE__ */ c(t.FooterContent, { children: [
-            F && /* @__PURE__ */ o(
+            p && /* @__PURE__ */ o(
               t.PaginationQuickJumper,
               {
                 currentPage: s.currentPage,
@@ -168,5 +169,5 @@ const dt = ({
   ] }) });
 };
 export {
-  dt as default
+  nt as default
 };

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

@@ -3,11 +3,14 @@ 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> {
+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 {};
+declare function Z2TextPreset({ type, multiline, primaryFirst, primaryText, supportText, className, }: Z2TextPresetProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Z2TextPreset {
+    var displayName: string;
+}
+export { Z2TextPreset, type Z2TextPresetProps };

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

@@ -0,0 +1,48 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { cva as c } from "class-variance-authority";
+import { cn as x } from "../../lib/utils.js";
+const d = c("flex flex-col", {
+  variants: {
+    type: {
+      L: "text-left",
+      C: "text-center",
+      R: "text-right"
+    },
+    multiline: {
+      true: "gap-3",
+      false: "gap-2.5 *:data-[slot=support-text]:truncate"
+    }
+  },
+  defaultVariants: {
+    type: "L",
+    multiline: !1
+  }
+});
+function o({
+  type: l = "L",
+  multiline: n = !1,
+  primaryFirst: i = !0,
+  primaryText: a,
+  supportText: t,
+  className: m
+}) {
+  const r = x(d({ type: l, multiline: n }), m);
+  return i ? /* @__PURE__ */ s("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", children: t })
+  ] }) : /* @__PURE__ */ s("div", { className: r, children: [
+    t && /* @__PURE__ */ e(
+      "p",
+      {
+        "data-slot": "support-text",
+        className: "text-text-neutral-secondary leading-none-regular-sm",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ e("p", { "data-slot": "primary-text", className: "text-text-neutral-primary", children: a })
+  ] });
+}
+o.displayName = "Z2TextPreset";
+export {
+  o as Z2TextPreset
+};

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/tooltip/tooltip';
 export * from './components/table-card';
 export * from './components/badge/badge';
 export * from './components/avatar/avatar';
+export * from './components/text-preset/text-preset';
 export * from './components/assets/icons/apartment-building';
 export * from './components/assets/icons/chevron-down';
 export * from './components/assets/icons/chevron-left';

package/dist/index.js

@@ -3,7 +3,7 @@ import { Alert as p, AlertDescription as n, AlertTitle as m } from "./components
 import { AlertCirclesIcon as f } from "./components/alert/icons/circles-icon.js";
 import { Button as i, buttonVariants as Z } from "./components/button/button.js";
 import { Z2SideNavBarProvider as S } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
-import { Z2SideNavBar as D, Z2SidebarVariants as b } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
+import { Z2SideNavBar as D, Z2SidebarVariants as T } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
 import { Z2SideNavBarHeader as g } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
 import { Z2SideNavBarContent as w } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
 import { Z2SideNavBarFooter as s } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
@@ -21,7 +21,7 @@ import { default as J } from "./components/assets/icons/sidebar-left-show-copy.j
 import { SIDEBAR_WIDTH as Y, SIDEBAR_WIDTH_COLLAPSED as j } from "./components/collapsible-side-nav-bar/constants.js";
 import { CountryFlags as z } from "./components/country-flags/country-flags.js";
 import { Z2Dialog as X, Z2DialogClose as $, Z2DialogContent as oo, Z2DialogDescription as ro, Z2DialogFooter as eo, Z2DialogHeader as to, Z2DialogOverlay as ao, Z2DialogPortal as po, Z2DialogTitle as no, Z2DialogTrigger as mo } from "./components/dialog/dialog.js";
-import { DropdownContext as fo, Z2Dropdown as xo, Z2DropdownContent as io, Z2DropdownInput as Zo, Z2DropdownItem as So, Z2DropdownSub as uo, Z2DropdownSubContent as Do, Z2DropdownSubItem as bo, Z2DropdownSubTrigger as To } from "./components/dropdown/z2-dropdown.js";
+import { DropdownContext as fo, Z2Dropdown as xo, Z2DropdownContent as io, Z2DropdownInput as Zo, Z2DropdownItem as So, Z2DropdownSub as uo, Z2DropdownSubContent as Do, Z2DropdownSubItem as To, Z2DropdownSubTrigger as bo } from "./components/dropdown/z2-dropdown.js";
 import { Z2DropdownMenu as Co, Z2DropdownMenuCheckboxItem as wo, Z2DropdownMenuContent as co, Z2DropdownMenuGroup as so, Z2DropdownMenuItem as Io, Z2DropdownMenuLabel as vo, Z2DropdownMenuPortal as Bo, Z2DropdownMenuRadioGroup as Mo, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as Po, Z2DropdownMenuShortcut as Lo, Z2DropdownMenuSub as No, Z2DropdownMenuSubContent as Eo, Z2DropdownMenuSubTrigger as Fo, Z2DropdownMenuTrigger as Ho } from "./components/dropdown-menu/z2-dropdown-menu.js";
 import { FileUploadArea as yo } from "./components/file-upload-area/file-upload-area.js";
 import { DEFAULT_ACCEPT as Go } from "./components/file-upload-area/file-upload-area.const.js";
@@ -34,7 +34,7 @@ import { Z2StepperItem as pr } from "./components/stepper-item/stepper-item.js";
 import { Z2Tabs as mr, Z2TabsContent as lr, Z2TabsList as fr, Z2TabsTrigger as xr } from "./components/tab/tab.js";
 import { Table as Zr, TableProvider as dr } from "./components/table/table-provider.js";
 import { TableBody as ur } from "./components/table/table.js";
-import { extractCellValue as br } from "./components/table/table.utils.js";
+import { extractCellValue as Tr } from "./components/table/table.utils.js";
 import { DEFAULT_EMPTY_MESSAGE as gr, TABLE_CSS_CLASSES as Cr } from "./components/table/table.const.js";
 import { TableContext as cr, useTableContext as sr } from "./components/table/table.context.js";
 import { TableCell as vr } from "./components/table/components/table-cell.js";
@@ -47,22 +47,23 @@ import { Z2Tooltip as _r } from "./components/tooltip/tooltip.js";
 import { default as hr } from "./components/table-card/table-card.js";
 import { Badge as Rr, badgeVariants as Ur } from "./components/badge/badge.js";
 import { Avatar as Wr, AvatarWithLabel as kr } from "./components/avatar/avatar.js";
-import { InfoIcon as Jr } from "./components/assets/icons/info-icon.js";
-import { MagnifierIcon as Yr } from "./components/assets/icons/magnifier-icon.js";
-import { TableHeader as qr } from "./components/table/components/table-header/table-header.js";
-import { TableRow as Kr } from "./components/table/components/table-row.js";
-import { TableEmptyState as $r } from "./components/table/components/table-empty-state.js";
-import { TableLoadingState as re } from "./components/table/components/table-loading-state.js";
-import { Pagination as te } from "./components/table/components/pagination/pagination.js";
-import { TableHeaderWrapper as pe } from "./components/table/components/table-header-wrapper.js";
-import { TableHeaderContent as me } from "./components/table/components/table-header-content.js";
-import { TableFooter as fe } from "./components/table/components/table-footer.js";
-import { TableFooterContent as ie } from "./components/table/components/table-footer-content.js";
-import { PaginationInfo as de } from "./components/table/components/pagination/components/pagination-info.js";
-import { PaginationQuickJumper as ue } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
+import { Z2TextPreset as Jr } from "./components/text-preset/text-preset.js";
+import { InfoIcon as Yr } from "./components/assets/icons/info-icon.js";
+import { MagnifierIcon as qr } from "./components/assets/icons/magnifier-icon.js";
+import { TableHeader as Kr } from "./components/table/components/table-header/table-header.js";
+import { TableRow as $r } from "./components/table/components/table-row.js";
+import { TableEmptyState as re } from "./components/table/components/table-empty-state.js";
+import { TableLoadingState as te } from "./components/table/components/table-loading-state.js";
+import { Pagination as pe } from "./components/table/components/pagination/pagination.js";
+import { TableHeaderWrapper as me } from "./components/table/components/table-header-wrapper.js";
+import { TableHeaderContent as fe } from "./components/table/components/table-header-content.js";
+import { TableFooter as ie } from "./components/table/components/table-footer.js";
+import { TableFooterContent as de } from "./components/table/components/table-footer-content.js";
+import { PaginationInfo as ue } from "./components/table/components/pagination/components/pagination-info.js";
+import { PaginationQuickJumper as Te } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
 import "react";
-import { Z2PopoverTrigger as be } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as ge } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2PopoverTrigger as ge } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as we } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   p as Alert,
   f as AlertCirclesIcon,
@@ -81,14 +82,14 @@ export {
   V as DatabaseCopy,
   fo as DropdownContext,
   yo as FileUploadArea,
-  Jr as InfoIcon,
+  Yr as InfoIcon,
   Uo as Input,
-  Yr as MagnifierIcon,
+  qr as MagnifierIcon,
   Wo as NavHeader,
   Oo as NavItem,
   Mr as NumberCell,
-  de as PaginationInfo,
-  ue as PaginationQuickJumper,
+  ue as PaginationInfo,
+  Te as PaginationQuickJumper,
   Y as SIDEBAR_WIDTH,
   j as SIDEBAR_WIDTH_COLLAPSED,
   J as SidebarLeftShowCopy,
@@ -99,16 +100,16 @@ export {
   hr as TableCard,
   vr as TableCell,
   cr as TableContext,
-  $r as TableEmptyState,
-  fe as TableFooter,
-  ie as TableFooterContent,
-  qr as TableHeader,
-  me as TableHeaderContent,
-  pe as TableHeaderWrapper,
-  re as TableLoadingState,
-  te as TablePagination,
+  re as TableEmptyState,
+  ie as TableFooter,
+  de as TableFooterContent,
+  Kr as TableHeader,
+  fe as TableHeaderContent,
+  me as TableHeaderWrapper,
+  te as TableLoadingState,
+  pe as TablePagination,
   dr as TableProvider,
-  Kr as TableRow,
+  $r as TableRow,
   k as WindowLeftCopy,
   X as Z2Dialog,
   $ as Z2DialogClose,
@@ -141,11 +142,11 @@ export {
   Ho as Z2DropdownMenuTrigger,
   uo as Z2DropdownSub,
   Do as Z2DropdownSubContent,
-  bo as Z2DropdownSubItem,
-  To as Z2DropdownSubTrigger,
+  To as Z2DropdownSubItem,
+  bo as Z2DropdownSubTrigger,
   F as Z2Popover,
-  ge as Z2PopoverContent,
-  be as Z2PopoverTrigger,
+  we as Z2PopoverContent,
+  ge as Z2PopoverTrigger,
   Qo as Z2Select,
   Yo as Z2SelectContent,
   jo as Z2SelectGroup,
@@ -164,18 +165,19 @@ export {
   M as Z2SideNavBarItem,
   S as Z2SideNavBarProvider,
   P as Z2SideNavBarSeparator,
-  b as Z2SidebarVariants,
+  T as Z2SidebarVariants,
   tr as Z2Stepper,
   pr as Z2StepperItem,
   mr as Z2Tabs,
   lr as Z2TabsContent,
   fr as Z2TabsList,
   xr as Z2TabsTrigger,
+  Jr as Z2TextPreset,
   _r as Z2Tooltip,
   Ur as badgeVariants,
   Z as buttonVariants,
   Fr as cn,
-  br as extractCellValue,
+  Tr as extractCellValue,
   sr as useTableContext,
   Nr as useTheme,
   N as useZ2SideNavBar

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

@@ -3,11 +3,14 @@ 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> {
+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 {};
+declare function Z2TextPreset({ type, multiline, primaryFirst, primaryText, supportText, className, }: Z2TextPresetProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Z2TextPreset {
+    var displayName: string;
+}
+export { Z2TextPreset, type Z2TextPresetProps };

package/dist/types/index.d.ts

@@ -18,6 +18,7 @@ export * from './components/tooltip/tooltip';
 export * from './components/table-card';
 export * from './components/badge/badge';
 export * from './components/avatar/avatar';
+export * from './components/text-preset/text-preset';
 export * from './components/assets/icons/apartment-building';
 export * from './components/assets/icons/chevron-down';
 export * from './components/assets/icons/chevron-left';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",