@ztwoint/z-ui 0.1.121 → 0.1.123

package/dist/components/chart-card/config/defaults.js

@@ -1,156 +1,173 @@
-import { UI_COLORS as m } from "./colors.js";
-const g = "Inter Variable, sans-serif", c = {
-  fontFamily: g,
-  color: m.text.primary
+import { UI_COLORS as c } from "./colors.js";
+const S = "Inter Variable, sans-serif", d = {
+  fontFamily: S,
+  color: c.text.primary
 };
-function y(e, l) {
-  if ((l == null ? void 0 : l.show) === !1)
+function T(a, r) {
+  if ((r == null ? void 0 : r.show) === !1)
     return;
-  const r = (l == null ? void 0 : l.position) ?? "left", a = (l == null ? void 0 : l.fontSize) ?? 16, f = (l == null ? void 0 : l.color) ?? m.text.primary;
+  const e = (r == null ? void 0 : r.position) ?? "left", l = (r == null ? void 0 : r.fontSize) ?? 16, f = (r == null ? void 0 : r.color) ?? c.text.primary;
   return {
-    text: e,
+    text: a,
     textStyle: {
-      fontFamily: g,
-      fontSize: a,
+      fontFamily: S,
+      fontSize: l,
       fontWeight: 500,
       color: f
     },
-    left: r,
+    left: e,
     top: 12,
     padding: [0, 0, 8, 0]
   };
 }
-function C(e) {
-  return (e == null ? void 0 : e.show) === !1 ? void 0 : {
-    trigger: (e == null ? void 0 : e.trigger) ?? "axis",
-    backgroundColor: m.background.default,
-    borderColor: m.border.default,
+function z(a) {
+  return (a == null ? void 0 : a.show) === !1 ? void 0 : {
+    trigger: (a == null ? void 0 : a.trigger) ?? "axis",
+    backgroundColor: c.background.default,
+    borderColor: c.border.default,
     borderWidth: 1,
     textStyle: {
-      ...c
+      ...d
     }
   };
 }
-function v(e, l = !1, r) {
-  if ((r == null ? void 0 : r.show) === !1)
+function F(a, r = !1, e) {
+  var y, h;
+  if ((e == null ? void 0 : e.show) === !1)
     return;
-  const a = (r == null ? void 0 : r.position) ?? "top", f = (r == null ? void 0 : r.orient) ?? "horizontal";
-  let u = l ? 48 : 16, t, d = "center", b;
-  return a === "bottom" ? (u = "auto", t = 10) : a === "left" ? (u = "middle", d = 10) : a === "right" && (u = "middle", d = "auto", b = 10), {
-    data: e,
+  const l = (e == null ? void 0 : e.position) ?? "top", f = (e == null ? void 0 : e.orient) ?? "horizontal", m = (e == null ? void 0 : e.scrollable) ?? !1;
+  let u = r ? 48 : 16, g, b = "center", x;
+  l === "bottom" ? (u = "auto", g = 10) : l === "left" ? (u = "middle", b = 10) : l === "right" && (u = "middle", b = "auto", x = 10);
+  const t = {
+    data: a,
     top: u,
-    bottom: t,
-    left: d,
-    right: b,
+    bottom: g,
+    left: b,
+    right: x,
     orient: f,
     itemGap: 20,
     padding: [8, 0, 12, 0],
     textStyle: {
-      ...c,
+      ...d,
       fontSize: 12
     },
     itemWidth: 25,
     itemHeight: 14
   };
+  return m ? {
+    ...t,
+    type: "scroll",
+    pageButtonItemGap: (e == null ? void 0 : e.pageButtonItemGap) ?? 5,
+    pageButtonGap: (e == null ? void 0 : e.pageButtonGap) ?? 10,
+    pageButtonPosition: (e == null ? void 0 : e.pageButtonPosition) ?? "end",
+    pageFormatter: (e == null ? void 0 : e.pageFormatter) ?? "{current}/{total}",
+    pageIconColor: (e == null ? void 0 : e.pageIconColor) ?? "#2f4554",
+    pageIconInactiveColor: (e == null ? void 0 : e.pageIconInactiveColor) ?? "#aaa",
+    pageIconSize: (e == null ? void 0 : e.pageIconSize) ?? 12,
+    pageTextStyle: {
+      color: ((y = e == null ? void 0 : e.pageTextStyle) == null ? void 0 : y.color) ?? "#333",
+      fontSize: ((h = e == null ? void 0 : e.pageTextStyle) == null ? void 0 : h.fontSize) ?? 12
+    }
+  } : t;
 }
-function x(e) {
+function L(a) {
   return {
-    color: m.text.secondary,
-    fontFamily: g,
+    color: c.text.secondary,
+    fontFamily: S,
     fontSize: 11,
-    ...e && { rotate: e }
+    ...a && { rotate: a }
   };
 }
-function S(e = !0) {
+function C(a = !0) {
   return {
-    show: e,
+    show: a,
     lineStyle: {
-      color: m.border.default
+      color: c.border.default
     }
   };
 }
-function h(e = !0) {
+function I(a = !0) {
   return {
-    show: e,
+    show: a,
     lineStyle: {
-      color: m.border.light
+      color: c.border.light
     }
   };
 }
-function T(e, l = !1, r = "top", a) {
-  if (a)
+function w(a, r = !1, e = "top", l) {
+  if (l)
     return {
-      left: a.left ?? "3%",
-      right: a.right ?? "4%",
-      bottom: a.bottom ?? "3%",
-      top: a.top ?? 20,
+      left: l.left ?? "3%",
+      right: l.right ?? "4%",
+      bottom: l.bottom ?? "3%",
+      top: l.top ?? 20,
       containLabel: !0
     };
   let f = 20;
-  e && (f += 48), l && r === "top" && (f += 40);
+  a && (f += 48), r && e === "top" && (f += 40);
+  let m = "3%";
+  r && e === "bottom" && (m = 60);
   let u = "3%";
-  l && r === "bottom" && (u = 60);
-  let t = "3%";
-  l && r === "left" && (t = 100);
-  let d = "4%";
-  return l && r === "right" && (d = 100), {
-    left: t,
-    right: d,
-    bottom: u,
+  r && e === "left" && (u = 100);
+  let g = "4%";
+  return r && e === "right" && (g = 100), {
+    left: u,
+    right: g,
+    bottom: m,
     top: f,
     containLabel: !0
   };
 }
-function w(e, l = !0, r) {
-  return (r == null ? void 0 : r.show) === !1 ? { show: !1 } : {
+function A(a, r = !0, e) {
+  return (e == null ? void 0 : e.show) === !1 ? { show: !1 } : {
     type: "category",
-    data: e,
-    boundaryGap: l,
-    name: r == null ? void 0 : r.name,
-    nameLocation: (r == null ? void 0 : r.nameLocation) ?? "middle",
-    nameGap: r != null && r.name ? 30 : void 0,
-    nameTextStyle: r != null && r.name ? {
-      ...c,
+    data: a,
+    boundaryGap: r,
+    name: e == null ? void 0 : e.name,
+    nameLocation: (e == null ? void 0 : e.nameLocation) ?? "middle",
+    nameGap: e != null && e.name ? 30 : void 0,
+    nameTextStyle: e != null && e.name ? {
+      ...d,
       fontSize: 12,
       fontWeight: 500
     } : void 0,
-    axisLine: S(),
-    axisLabel: x(r == null ? void 0 : r.labelRotate),
-    splitLine: h((r == null ? void 0 : r.gridLines) ?? !1)
+    axisLine: C(),
+    axisLabel: L(e == null ? void 0 : e.labelRotate),
+    splitLine: I((e == null ? void 0 : e.gridLines) ?? !1)
   };
 }
-function z(e) {
-  if ((e == null ? void 0 : e.show) === !1)
+function B(a) {
+  if ((a == null ? void 0 : a.show) === !1)
     return { show: !1 };
-  const l = (e == null ? void 0 : e.min) === "auto" || e == null ? void 0 : e.min, r = (e == null ? void 0 : e.max) === "auto" || e == null ? void 0 : e.max;
+  const r = (a == null ? void 0 : a.min) === "auto" || a == null ? void 0 : a.min, e = (a == null ? void 0 : a.max) === "auto" || a == null ? void 0 : a.max;
   return {
     type: "value",
-    name: e == null ? void 0 : e.name,
-    nameLocation: (e == null ? void 0 : e.nameLocation) ?? "middle",
-    nameGap: e != null && e.name ? 50 : void 0,
+    name: a == null ? void 0 : a.name,
+    nameLocation: (a == null ? void 0 : a.nameLocation) ?? "middle",
+    nameGap: a != null && a.name ? 50 : void 0,
     nameRotate: 90,
-    nameTextStyle: e != null && e.name ? {
-      ...c,
+    nameTextStyle: a != null && a.name ? {
+      ...d,
       fontSize: 12,
       fontWeight: 500
     } : void 0,
-    min: l,
-    max: r,
-    axisLine: S(!1),
-    axisLabel: x(),
-    splitLine: h((e == null ? void 0 : e.gridLines) ?? !0)
+    min: r,
+    max: e,
+    axisLine: C(!1),
+    axisLabel: L(),
+    splitLine: I((a == null ? void 0 : a.gridLines) ?? !0)
   };
 }
 export {
-  c as COMMON_TEXT_STYLE,
-  g as DEFAULT_FONT_FAMILY,
-  x as buildAxisLabelConfig,
-  S as buildAxisLineConfig,
-  T as buildGridConfig,
-  v as buildLegendConfig,
-  h as buildSplitLineConfig,
-  y as buildTitleConfig,
-  C as buildTooltipConfig,
-  w as buildXAxisConfig,
-  z as buildYAxisConfig
+  d as COMMON_TEXT_STYLE,
+  S as DEFAULT_FONT_FAMILY,
+  L as buildAxisLabelConfig,
+  C as buildAxisLineConfig,
+  w as buildGridConfig,
+  F as buildLegendConfig,
+  I as buildSplitLineConfig,
+  T as buildTitleConfig,
+  z as buildTooltipConfig,
+  A as buildXAxisConfig,
+  B as buildYAxisConfig
 };

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

@@ -47,13 +47,20 @@ import "../../../dynamic-table/z2-table-context.js";
 import "../../../chart/chart.js";
 import "../../../chart-card/config/defaults.js";
 import "../../../chart-card/config/colors.js";
-const pt = ({
+import "../../../z2map/map.js";
+import "../../../z2map/map.constants.js";
+import "../../../z2map/components/map-pin.js";
+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 xt = ({
   avatar: m,
   value: a,
   rightIcon: o,
   className: s,
-  helperText: e,
-  description: p
+  helperText: p,
+  description: e
 }) => /* @__PURE__ */ i(
   "div",
   {
@@ -74,16 +81,16 @@ const pt = ({
               a
             ] }),
             /* @__PURE__ */ i("div", { className: "flex items-center gap-2.5", children: [
-              e && /* @__PURE__ */ t("span", { className: "text-text-neutral-secondary", children: e }),
+              p && /* @__PURE__ */ t("span", { className: "text-text-neutral-secondary", children: p }),
               o && /* @__PURE__ */ t("span", { className: r("min-h-max min-w-max"), children: o })
             ] })
           ]
         }
       ),
-      p && /* @__PURE__ */ t("div", { className: "text-text-neutral-secondary w-full", children: p })
+      e && /* @__PURE__ */ t("div", { className: "text-text-neutral-secondary w-full", children: e })
     ]
   }
 );
 export {
-  pt as AvatarCell
+  xt as AvatarCell
 };

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

@@ -52,6 +52,13 @@ import "../dynamic-table/z2-table-context.js";
 import "../chart/chart.js";
 import "../chart-card/config/defaults.js";
 import "../chart-card/config/colors.js";
+import "../z2map/map.js";
+import "../z2map/map.constants.js";
+import "../z2map/components/map-pin.js";
+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 { 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

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { Table as r } from "../table/table-provider.js";
 import "react";
 import { cn as d } from "../../lib/utils.js";
@@ -47,8 +47,15 @@ import "../dynamic-table/z2-table-context.js";
 import "../chart/chart.js";
 import "../chart-card/config/defaults.js";
 import "../chart-card/config/colors.js";
+import "../z2map/map.js";
+import "../z2map/map.constants.js";
+import "../z2map/components/map-pin.js";
+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 "../table/table.context.js";
-const _e = ({
+const zt = ({
   dataSource: w,
   schema: B,
   loading: b,
@@ -58,8 +65,8 @@ const _e = ({
   bordered: n = !0,
   showHeader: g = !0,
   headerClassName: j,
-  search: m,
-  filter: t,
+  search: a,
+  filter: e,
   headerLeftContent: h,
   headerActions: p,
   body: l = {
@@ -71,24 +78,24 @@ const _e = ({
   footerClassName: T,
   pagination: o,
   paginationInfo: i,
-  paginationQuickJumper: a,
+  paginationQuickJumper: s,
   error: u = !1,
   dataSourceError: _ = !1
 }) => {
   var F;
   if (u)
-    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ e(S, { className: "mt-1.5" }),
-      /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ e("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
-        /* @__PURE__ */ e("div", { className: "text-sm", children: "Please try again later" }),
-        typeof u == "string" && /* @__PURE__ */ e("div", { className: "text-text-warning-secondary text-sm", children: u })
+    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ m("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ t(S, { className: "mt-1.5" }),
+      /* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ t("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
+        /* @__PURE__ */ t("div", { className: "text-sm", children: "Please try again later" }),
+        typeof u == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: u })
       ] })
     ] }) });
-  const C = a && a.totalPage && a.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!i || C, v = m || t || h || p, R = typeof (t == null ? void 0 : t.showFilterButton) > "u" ? !0 : t == null ? void 0 : t.showFilterButton;
-  return /* @__PURE__ */ s("div", { className: d("flex flex-col overflow-hidden relative", H), children: [
-    /* @__PURE__ */ s(r, { dataSource: w, schema: B, emptyMessage: k, children: [
-      g && v && /* @__PURE__ */ s(
+  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!i || C, v = a || e || h || p, 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(
         r.Header,
         {
           className: d(
@@ -98,43 +105,43 @@ const _e = ({
             j
           ),
           children: [
-            /* @__PURE__ */ s(r.HeaderContent, { children: [
+            /* @__PURE__ */ m(r.HeaderContent, { children: [
               h && h,
-              m && /* @__PURE__ */ e(
+              a && /* @__PURE__ */ t(
                 r.Search,
                 {
                   search: {
-                    value: m.value || "",
-                    onChange: m.onChange || (() => {
+                    value: a.value || "",
+                    onChange: a.onChange || (() => {
                     }),
-                    placeholder: m.placeholder
+                    placeholder: a.placeholder
                   },
-                  className: m.className
+                  className: a.className
                 }
               ),
-              t && /* @__PURE__ */ s(
+              e && /* @__PURE__ */ m(
                 x,
                 {
-                  filterSchema: t.filterSchema,
+                  filterSchema: e.filterSchema,
                   filter: {
-                    value: t.value || [],
-                    onChange: t.onChange || (() => {
+                    value: e.value || [],
+                    onChange: e.onChange || (() => {
                     }),
-                    onFilterClick: t.onFilterClick,
-                    loading: t.loading
+                    onFilterClick: e.onFilterClick,
+                    loading: e.loading
                   },
                   children: [
-                    R && /* @__PURE__ */ e(x.FilterButton, {}),
-                    (F = t == null ? void 0 : t.quickFilters) == null ? void 0 : F.map((f) => /* @__PURE__ */ e(x.FilterColumnButton, { filterName: f }, f))
+                    R && /* @__PURE__ */ t(x.FilterButton, {}),
+                    (F = e == null ? void 0 : e.quickFilters) == null ? void 0 : F.map((f) => /* @__PURE__ */ t(x.FilterColumnButton, { filterName: f }, f))
                   ]
                 }
               )
             ] }),
-            p && /* @__PURE__ */ e(r.HeaderContent, { children: p })
+            p && /* @__PURE__ */ t(r.HeaderContent, { children: p })
           ]
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         r.Body,
         {
           dataSourceError: _,
@@ -152,7 +159,7 @@ const _e = ({
           stickyHeader: l == null ? void 0 : l.stickyHeader
         }
       ),
-      P && N && /* @__PURE__ */ s(
+      P && N && /* @__PURE__ */ m(
         r.Footer,
         {
           className: d(
@@ -162,7 +169,7 @@ const _e = ({
             T
           ),
           children: [
-            i ? /* @__PURE__ */ e(r.FooterContent, { children: /* @__PURE__ */ e(
+            i ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
               r.PaginationInfo,
               {
                 showTotal: i.showTotal,
@@ -170,19 +177,19 @@ const _e = ({
                 currentPage: i.currentPage,
                 itemsPerPage: i.itemsPerPage
               }
-            ) }) : a || o ? /* @__PURE__ */ e(r.FooterContent, { children: null }) : null,
-            (a || o) && /* @__PURE__ */ s(r.FooterContent, { children: [
-              C && /* @__PURE__ */ e(
+            ) }) : s || o ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
+            (s || o) && /* @__PURE__ */ m(r.FooterContent, { children: [
+              C && /* @__PURE__ */ t(
                 r.PaginationQuickJumper,
                 {
-                  currentPage: a.currentPage,
-                  totalPage: a.totalPage,
-                  onChange: a.onChange || (() => {
+                  currentPage: s.currentPage,
+                  totalPage: s.totalPage,
+                  onChange: s.onChange || (() => {
                   }),
-                  disabled: a.disabled
+                  disabled: s.disabled
                 }
               ),
-              o && /* @__PURE__ */ e(
+              o && /* @__PURE__ */ t(
                 r.Pagination,
                 {
                   currentPage: o.currentPage,
@@ -197,12 +204,12 @@ const _e = ({
         }
       )
     ] }),
-    b && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
-      /* @__PURE__ */ e("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
+    b && /* @__PURE__ */ t("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
+      /* @__PURE__ */ t("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
     ] }) })
   ] });
 };
 export {
-  _e as default
+  zt as default
 };

package/dist/components/z2map/components/index.d.ts

@@ -0,0 +1,5 @@
+export { MapControls } from './map-controls';
+export { MapPinComponent } from './map-pin';
+export { MapPinContent } from './map-pin-content';
+export { MapLoadingState } from './map-loading-state';
+export { MapEmptyState } from './map-empty-state';

package/dist/components/z2map/components/map-controls.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { MapVariant } from '../map.constants';
+export interface MapControlsProps {
+    showZoomControls?: boolean;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    showStyleSwitcher?: boolean;
+    activeStyle?: MapVariant;
+    onStyleChange?: (style: MapVariant) => void;
+    className?: string;
+}
+export declare const MapControls: FC<MapControlsProps>;

package/dist/components/z2map/components/map-controls.js

@@ -0,0 +1,29 @@
+import { jsxs as m, Fragment as p, jsx as r } from "react/jsx-runtime";
+import { MapZoomControl as d } from "./map-zoom-control.js";
+import { MapStyleControl as c } from "./map-style-control.js";
+import { cn as s } from "../../../lib/utils.js";
+const f = ({
+  showZoomControls: n = !0,
+  onZoomIn: o,
+  onZoomOut: t,
+  showStyleSwitcher: e = !1,
+  activeStyle: a,
+  onStyleChange: i,
+  className: l
+}) => /* @__PURE__ */ m(p, { children: [
+  n && o && t && /* @__PURE__ */ r(
+    "div",
+    {
+      className: s(
+        "absolute bottom-6 right-6 z-10 transition-all duration-300 hover:scale-105",
+        l
+      ),
+      children: /* @__PURE__ */ r(d, { onZoomIn: o, onZoomOut: t })
+    }
+  ),
+  e && a && i && /* @__PURE__ */ r("div", { className: s("absolute top-6 right-6 z-10 transition-all duration-300", l), children: /* @__PURE__ */ r(c, { activeStyle: a, onStyleChange: i }) })
+] });
+f.displayName = "MapControls";
+export {
+  f as MapControls
+};

package/dist/components/z2map/components/map-empty-state.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const MapEmptyState: FC;

package/dist/components/z2map/components/map-empty-state.js

@@ -0,0 +1,10 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { MapPinOff as a } from "lucide-react";
+const s = () => /* @__PURE__ */ e("div", { className: "absolute inset-0 pointer-events-none flex items-center justify-center z-20", children: /* @__PURE__ */ e("div", { className: "bg-white/95 backdrop-blur-sm rounded-2xl shadow-[0_8px_32px_rgba(0,0,0,0.12)] border border-stroke-solid-light p-8 max-w-sm mx-4 pointer-events-auto", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+  /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-surface-neutral-default flex items-center justify-center", children: /* @__PURE__ */ e(a, { className: "w-8 h-8 text-neutral-secondary" }) }) }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e("h3", { className: "leading-none-medium-base text-neutral-primary font-semibold", children: "No locations to display" }) })
+] }) }) });
+s.displayName = "MapEmptyState";
+export {
+  s as MapEmptyState
+};

package/dist/components/z2map/components/map-loading-state.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface MapLoadingStateProps {
+    width: string | number;
+    height: string | number;
+    className?: string;
+}
+export declare const MapLoadingState: FC<MapLoadingStateProps>;
+export {};

package/dist/components/z2map/components/map-loading-state.js

@@ -0,0 +1,45 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Loader2 as i } from "lucide-react";
+import { cn as s } from "../../../lib/utils.js";
+const c = ({ width: r, height: t, className: l }) => {
+  const n = {
+    width: typeof r == "number" ? `${r}px` : r,
+    height: typeof t == "number" ? `${t}px` : t
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      style: n,
+      className: s(
+        "relative bg-gradient-to-br from-surface-neutral-default to-surface-neutral-hover rounded-xl border border-stroke-solid-light flex flex-col items-center justify-center gap-4 overflow-hidden",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "absolute inset-0 opacity-[0.03]", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-0",
+            style: {
+              backgroundImage: "radial-gradient(circle at 20px 20px, currentColor 1px, transparent 1px)",
+              backgroundSize: "40px 40px"
+            }
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: "relative z-10 flex flex-col items-center gap-3", children: [
+          /* @__PURE__ */ a("div", { className: "relative", children: [
+            /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-surface-accent-default/10 flex items-center justify-center", children: /* @__PURE__ */ e(i, { className: "w-8 h-8 text-accent-primary animate-spin" }) }),
+            /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full bg-accent-primary/20 animate-ping" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-1", children: [
+            /* @__PURE__ */ e("div", { className: "leading-none-medium-sm text-neutral-primary font-medium", children: "Loading map..." }),
+            /* @__PURE__ */ e("div", { className: "leading-none-regular-xs text-neutral-secondary", children: "Please wait" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+c.displayName = "MapLoadingState";
+export {
+  c as MapLoadingState
+};

package/dist/components/z2map/components/map-pin-content.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { Location } from '../map.type';
+export interface MapPinContentProps {
+    location: Location;
+    customContent?: ReactNode;
+    className?: string;
+}
+export declare const MapPinContent: FC<MapPinContentProps>;