@ztwoint/z-ui 0.1.115 → 0.1.116

package/dist/index.d.ts

@@ -27,6 +27,8 @@ export * from './components/assets/icons';
 export * from './components/segmented-control';
 export * from './components/popover/popover';
 export * from './components/dynamic-table';
+export * from './components/chart';
+export * from './components/chart-card';
 export * from './components/radio-card/radio-card';
 export * from './lib/theme.hook';
 export * from './lib/utils';

package/dist/index.js

@@ -4,29 +4,29 @@ import { AlertCirclesIcon as m } from "./components/alert/icons/circles-icon.js"
 import { Button as x, buttonVariants as i } from "./components/button/button.js";
 import { Z2SideNavBarProvider as Z } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
 import { Z2SideNavBar as s, Z2SidebarVariants as b } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
-import { Z2SideNavBarHeader as T } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
-import { Z2SideNavBarContent as C } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
+import { Z2SideNavBarHeader as S } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
+import { Z2SideNavBarContent as I } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
 import { Z2SideNavBarFooter as g } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
-import { Z2SideNavBarGroup as B } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
-import { Z2SideNavBarItem as L } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
-import { Z2SideNavBarSeparator as M } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
-import { useZ2SideNavBar as h } from "./components/collapsible-side-nav-bar/context.js";
+import { Z2SideNavBarGroup as v } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
+import { Z2SideNavBarItem as h } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
+import { Z2SideNavBarSeparator as R } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
+import { useZ2SideNavBar as M } from "./components/collapsible-side-nav-bar/context.js";
 import { Z2Popover as y } from "./components/collapsible-side-nav-bar/popover/popover.js";
 import "react/jsx-runtime";
-import { default as E, default as H } from "./components/assets/icons/sub-nav-indicator.js";
-import { default as F } from "./components/assets/icons/circles-icon.js";
-import { default as W, default as _ } from "./components/assets/icons/database-copy.js";
-import { default as U, default as O } from "./components/assets/icons/window-left-copy.js";
+import { default as k, default as H } from "./components/assets/icons/sub-nav-indicator.js";
+import { default as O } from "./components/assets/icons/circles-icon.js";
+import { default as _, default as G } from "./components/assets/icons/database-copy.js";
+import { default as V, default as U } from "./components/assets/icons/window-left-copy.js";
 import { default as z, default as J } from "./components/assets/icons/sidebar-left-show-copy.js";
 import { SIDEBAR_WIDTH as Y, SIDEBAR_WIDTH_COLLAPSED as j } from "./components/collapsible-side-nav-bar/constants.js";
 import { CountryFlags as K } from "./components/country-flags/country-flags.js";
 import { Z2Checkbox as oo } from "./components/checkbox/checkbox.js";
 import { Z2Dialog as ro, Z2DialogClose as to, Z2DialogContent as ao, Z2DialogDescription as po, Z2DialogFooter as lo, Z2DialogHeader as no, Z2DialogOverlay as fo, Z2DialogPortal as mo, Z2DialogTitle as xo, Z2DialogTrigger as io } from "./components/dialog/dialog.js";
-import { DropdownContext as Zo, Z2Dropdown as co, Z2DropdownContent as so, Z2DropdownInput as bo, Z2DropdownItem as Io, Z2DropdownSub as To, Z2DropdownSubContent as So, Z2DropdownSubItem as Co, Z2DropdownSubTrigger as Do } from "./components/dropdown/z2-dropdown.js";
-import { Z2DropdownMenu as wo, Z2DropdownMenuCheckboxItem as Bo, Z2DropdownMenuContent as vo, Z2DropdownMenuGroup as Lo, Z2DropdownMenuItem as Ro, Z2DropdownMenuLabel as Mo, Z2DropdownMenuPortal as Po, Z2DropdownMenuRadioGroup as ho, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as yo, Z2DropdownMenuShortcut as ko, Z2DropdownMenuSub as Eo, Z2DropdownMenuSubContent as Ho, Z2DropdownMenuSubTrigger as No, Z2DropdownMenuTrigger as Fo } from "./components/dropdown-menu/z2-dropdown-menu.js";
-import { FileUploadArea as Wo } from "./components/file-upload-area/file-upload-area.js";
-import { DEFAULT_ACCEPT as Vo } from "./components/file-upload-area/file-upload-area.const.js";
-import { Input as Oo } from "./components/input/input.js";
+import { DropdownContext as Zo, Z2Dropdown as co, Z2DropdownContent as so, Z2DropdownInput as bo, Z2DropdownItem as Co, Z2DropdownSub as So, Z2DropdownSubContent as To, Z2DropdownSubItem as Io, Z2DropdownSubTrigger as Do } from "./components/dropdown/z2-dropdown.js";
+import { Z2DropdownMenu as wo, Z2DropdownMenuCheckboxItem as vo, Z2DropdownMenuContent as Bo, Z2DropdownMenuGroup as ho, Z2DropdownMenuItem as Lo, Z2DropdownMenuLabel as Ro, Z2DropdownMenuPortal as Po, Z2DropdownMenuRadioGroup as Mo, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as yo, Z2DropdownMenuShortcut as Eo, Z2DropdownMenuSub as ko, Z2DropdownMenuSubContent as Ho, Z2DropdownMenuSubTrigger as No, Z2DropdownMenuTrigger as Oo } from "./components/dropdown-menu/z2-dropdown-menu.js";
+import { FileUploadArea as _o } from "./components/file-upload-area/file-upload-area.js";
+import { DEFAULT_ACCEPT as Wo } from "./components/file-upload-area/file-upload-area.const.js";
+import { Input as Uo } from "./components/input/input.js";
 import { NavHeader as zo } from "./components/nav-header/nav-header.js";
 import { NavItem as Qo } from "./components/nav-header/nav-item/nav-item.js";
 import { Z2Select as jo, Z2SelectContent as qo, Z2SelectGroup as Ko, Z2SelectItem as $o, Z2SelectLabel as oe, Z2SelectScrollDownButton as ee, Z2SelectScrollUpButton as re, Z2SelectSeparator as te, Z2SelectTrigger as ae, Z2SelectValue as pe } from "./components/select/z2-select.js";
@@ -34,18 +34,18 @@ import { Z2Stepper as ne } from "./components/stepper/stepper.js";
 import { Z2StepperItem as me } from "./components/stepper-item/stepper-item.js";
 import { Z2Tabs as xe, Z2TabsContent as ie, Z2TabsList as ue, Z2TabsTrigger as Ze } from "./components/tab/tab.js";
 import { Table as se, TableProvider as be } from "./components/table/table-provider.js";
-import { TableBody as Te } from "./components/table/table.js";
-import { extractCellValue as Ce } from "./components/table/table.utils.js";
+import { TableBody as Se } from "./components/table/table.js";
+import { extractCellValue as Ie } from "./components/table/table.utils.js";
 import { DEFAULT_EMPTY_MESSAGE as ge, TABLE_CSS_CLASSES as we } from "./components/table/table.const.js";
-import { TableContext as ve, useTableContext as Le } from "./components/table/table.context.js";
-import { TableCell as Me } from "./components/table/components/table-cell.js";
-import { NumberCell as he } from "./components/table/components/cell/number-cell.js";
+import { TableContext as Be, useTableContext as he } from "./components/table/table.context.js";
+import { TableCell as Re } from "./components/table/components/table-cell.js";
+import { NumberCell as Me } from "./components/table/components/cell/number-cell.js";
 import { BooleanCell as ye } from "./components/table/components/cell/boolean-cell.js";
-import { LinkCell as Ee } from "./components/table/components/cell/link-cell.js";
+import { LinkCell as ke } from "./components/table/components/cell/link-cell.js";
 import { DescriptionCell as Ne } from "./components/table/components/cell/description-cell.js";
-import { AvatarCell as Ge } from "./components/table/components/cell/avatar-cell.js";
-import { LabelCell as _e } from "./components/table/components/cell/label-cell.js";
-import { TableHeader as Ue } from "./components/table/components/table-header/table-header.js";
+import { AvatarCell as Fe } from "./components/table/components/cell/avatar-cell.js";
+import { LabelCell as Ge } from "./components/table/components/cell/label-cell.js";
+import { TableHeader as Ve } from "./components/table/components/table-header/table-header.js";
 import { default as Xe } from "./components/assets/icons/chevron-down.js";
 import { TableRow as Je } from "./components/table/components/table-row.js";
 import { TableMessageState as Ye } from "./components/table/components/table-message-state.js";
@@ -61,14 +61,14 @@ import { PaginationQuickJumper as ur } from "./components/table/components/pagin
 import "react";
 import { Z2Tooltip as cr } from "./components/tooltip/tooltip.js";
 import { default as br } from "./components/table-card/table-card.js";
-import { Badge as Tr, badgeVariants as Sr } from "./components/badge/badge.js";
+import { Badge as Sr, badgeVariants as Tr } from "./components/badge/badge.js";
 import { Avatar as Dr, AvatarWithLabel as gr } from "./components/avatar/avatar.js";
-import { Z2TextPreset as Br } from "./components/text-preset/text-preset.js";
-import { ColumnReOrder as Lr } from "./components/column-reorder/column-reorder.js";
-import { default as Mr } from "./components/tree-checkbox-select/TreeCheckboxSelect.js";
-import { Z2Breadcrumb as hr, Z2BreadcrumbEllipsis as Ar, Z2BreadcrumbItem as yr, Z2BreadcrumbLink as kr, Z2BreadcrumbList as Er, Z2BreadcrumbPage as Hr, Z2BreadcrumbSeparator as Nr } from "./components/breadcrumb/z2-breadcrumb.js";
-import { Z2RadioGroup as Gr, Z2RadioGroupIndicator as Wr, Z2RadioGroupItem as _r } from "./components/radio/z2-radio.js";
-import { default as Ur } from "./components/assets/icons/apartment-building.js";
+import { Z2TextPreset as vr } from "./components/text-preset/text-preset.js";
+import { ColumnReOrder as hr } from "./components/column-reorder/column-reorder.js";
+import { default as Rr } from "./components/tree-checkbox-select/TreeCheckboxSelect.js";
+import { Z2Breadcrumb as Mr, Z2BreadcrumbEllipsis as Ar, Z2BreadcrumbItem as yr, Z2BreadcrumbLink as Er, Z2BreadcrumbList as kr, Z2BreadcrumbPage as Hr, Z2BreadcrumbSeparator as Nr } from "./components/breadcrumb/z2-breadcrumb.js";
+import { Z2RadioGroup as Fr, Z2RadioGroupIndicator as _r, Z2RadioGroupItem as Gr } from "./components/radio/z2-radio.js";
+import { default as Vr } from "./components/assets/icons/apartment-building.js";
 import { Check as Xr } from "./components/assets/icons/check.js";
 import { default as Jr } from "./components/assets/icons/chevron-left.js";
 import { default as Yr } from "./components/assets/icons/chevron-right.js";
@@ -83,19 +83,19 @@ import { InfoIcon as xt } from "./components/assets/icons/info-icon.js";
 import { default as ut } from "./components/assets/icons/left-arrow.js";
 import { default as ct } from "./components/assets/icons/link.js";
 import { default as bt } from "./components/assets/icons/list-tree.js";
-import { default as Tt } from "./components/assets/icons/media-record.js";
-import { Minus as Ct } from "./components/assets/icons/minus.js";
+import { default as St } from "./components/assets/icons/media-record.js";
+import { Minus as It } from "./components/assets/icons/minus.js";
 import { default as gt } from "./components/assets/icons/octagon-warning-Copy.js";
-import { default as Bt } from "./components/assets/icons/pin.js";
-import { default as Lt } from "./components/assets/icons/sitemap.js";
-import { default as Mt } from "./components/assets/icons/slider.js";
-import { default as ht } from "./components/assets/icons/upload.js";
+import { default as vt } from "./components/assets/icons/pin.js";
+import { default as ht } from "./components/assets/icons/sitemap.js";
+import { default as Rt } from "./components/assets/icons/slider.js";
+import { default as Mt } from "./components/assets/icons/upload.js";
 import { default as yt } from "./components/assets/icons/vector.js";
-import { XMark as Et } from "./components/assets/icons/x-mark.js";
+import { XMark as kt } from "./components/assets/icons/x-mark.js";
 import { default as Nt } from "./components/assets/icons/x.js";
-import { default as Gt } from "./components/assets/icons/z2-icon.js";
-import { default as _t } from "./components/assets/icons/z2-slash.js";
-import { default as Ut } from "./components/assets/icons/z2data.js";
+import { default as Ft } from "./components/assets/icons/z2-icon.js";
+import { default as Gt } from "./components/assets/icons/z2-slash.js";
+import { default as Vt } from "./components/assets/icons/z2data.js";
 import { default as Xt } from "./components/assets/icons/vector_3.js";
 import { default as Jt } from "./components/assets/icons/table-cols-2.js";
 import { default as Yt } from "./components/assets/icons/triangle-warning.js";
@@ -107,42 +107,53 @@ import { default as pa } from "./components/assets/icons/eraser.js";
 import { SegmentedControl as na } from "./components/segmented-control/controller.js";
 import { SegmentedControlItem as ma } from "./components/segmented-control/item.js";
 import { Popover as xa, PopoverAnchor as ia, PopoverContent as ua, PopoverTrigger as Za } from "./components/popover/popover.js";
-import { Z2Table as sa, Z2TableBase as ba, Z2TableBody as Ia, Z2TableBodyRow as Ta, Z2TableBodyRowCell as Sa, Z2TableBodyRowExpandded as Ca, Z2TableBodyRowSkeleton as Da, Z2TableBodyRowSkeletonCell as ga, Z2TableEmpty as wa, Z2TableHead as Ba, Z2TableHeadRow as va, Z2TableHeadRowCell as La, Z2TableHeadRowCellResize as Ra, Z2TableLoader as Ma, Z2TableRowSelect as Pa, Z2TableRowSelectAll as ha, Z2TableRowSpacer as Aa } from "./components/dynamic-table/z2-table.js";
-import { Z2TableContainer as ka, Z2TableProvider as Ea, Z2TableRoot as Ha, useZ2Table as Na } from "./components/dynamic-table/z2-table-context.js";
-import { Z2TablePagination as Ga } from "./components/dynamic-table/z2-table-pagination.js";
-import { Z2TableColumnHeader as _a } from "./components/dynamic-table/z2-column-header.js";
-import { Z2RadioCard as Ua } from "./components/radio-card/radio-card.js";
-import { useTheme as Xa } from "./lib/theme.hook.js";
-import { cn as Ja } from "./lib/utils.js";
-import { Z2PopoverTrigger as Ya } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as qa } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2Table as sa, Z2TableBase as ba, Z2TableBody as Ca, Z2TableBodyRow as Sa, Z2TableBodyRowCell as Ta, Z2TableBodyRowExpandded as Ia, Z2TableBodyRowSkeleton as Da, Z2TableBodyRowSkeletonCell as ga, Z2TableEmpty as wa, Z2TableHead as va, Z2TableHeadRow as Ba, Z2TableHeadRowCell as ha, Z2TableHeadRowCellResize as La, Z2TableLoader as Ra, Z2TableRowSelect as Pa, Z2TableRowSelectAll as Ma, Z2TableRowSpacer as Aa } from "./components/dynamic-table/z2-table.js";
+import { Z2TableContainer as Ea, Z2TableProvider as ka, Z2TableRoot as Ha, useZ2Table as Na } from "./components/dynamic-table/z2-table-context.js";
+import { Z2TablePagination as Fa } from "./components/dynamic-table/z2-table-pagination.js";
+import { Z2TableColumnHeader as Ga } from "./components/dynamic-table/z2-column-header.js";
+import { Chart as Va } from "./components/chart/chart.js";
+import { ChartCard as Xa } from "./components/chart-card/chart-card.js";
+import { EmptyState as Ja, ErrorState as Qa, LoadingState as Ya } from "./components/chart-card/chart-card-states.js";
+import { COLOR_PALETTES as qa, UI_COLORS as Ka, getThemePalette as $a } from "./components/chart-card/config/colors.js";
+import { validateChartConfig as ep, validateChartData as rp } from "./components/chart-card/validators/config-validator.js";
+import { buildBarChartOptions as ap } from "./components/chart-card/builders/bar-chart-builder.js";
+import { buildLineChartOptions as lp } from "./components/chart-card/builders/line-chart-builder.js";
+import { buildChartOptions as fp, isChartTypeSupported as mp, registeredChartTypes as dp } from "./components/chart-card/builders/chart-builder-factory.js";
+import { Z2RadioCard as ip } from "./components/radio-card/radio-card.js";
+import { useTheme as Zp } from "./lib/theme.hook.js";
+import { cn as sp } from "./lib/utils.js";
+import { Z2PopoverTrigger as Cp } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as Tp } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   p as Alert,
   m as AlertCirclesIcon,
   l as AlertDescription,
   n as AlertTitle,
-  Ur as ApartmentBuildingIcon,
+  Vr as ApartmentBuildingIcon,
   qt as ArrowLeftIcon,
   Dr as Avatar,
-  Ge as AvatarCell,
+  Fe as AvatarCell,
   gr as AvatarWithLabel,
-  Tr as Badge,
+  Sr as Badge,
   ye as BooleanCell,
   x as Button,
+  qa as COLOR_PALETTES,
   ta as ChainIcon,
+  Va as Chart,
+  Xa as ChartCard,
   Xr as CheckIcon,
   Xe as ChevronDownIcon,
   Jr as ChevronLeftIcon,
   Yr as ChevronRightIcon,
   qr as CircleCheckFilledIcon,
   $r as CircleCheckIcon,
-  F as CirclesIcon,
-  Lr as ColumnReOrder,
+  O as CirclesIcon,
+  hr as ColumnReOrder,
   K as CountryFlags,
-  Vo as DEFAULT_ACCEPT,
+  Wo as DEFAULT_ACCEPT,
   ge as DEFAULT_EMPTY_MESSAGE,
-  W as DatabaseCopy,
-  _ as DatabaseCopyIcon,
+  _ as DatabaseCopy,
+  G as DatabaseCopyIcon,
   ea as DescendingSortingIcon,
   Ne as DescriptionCell,
   et as DotsIcon,
@@ -150,27 +161,30 @@ export {
   pt as DoubleChevronRightIcon,
   nt as DragHandleIcon,
   Zo as DropdownContext,
+  Ja as EmptyState,
   pa as EraserIcon,
-  Wo as FileUploadArea,
+  Qa as ErrorState,
+  _o as FileUploadArea,
   $t as FilterIcon,
   mt as HomeIcon,
   xt as InfoIcon,
-  Oo as Input,
-  _e as LabelCell,
+  Uo as Input,
+  Ge as LabelCell,
   ut as LeftArrowIcon,
-  Ee as LinkCell,
+  ke as LinkCell,
   ct as LinkIcon,
   bt as ListTreeIcon,
+  Ya as LoadingState,
   mr as MagnifierIcon,
-  Tt as MediaRecordIcon,
-  Ct as MinusIcon,
+  St as MediaRecordIcon,
+  It as MinusIcon,
   zo as NavHeader,
   Qo as NavItem,
-  he as NumberCell,
+  Me as NumberCell,
   gt as OctagonWarningIcon,
   xr as PaginationInfo,
   ur as PaginationQuickJumper,
-  Bt as PinIcon,
+  vt as PinIcon,
   xa as Popover,
   ia as PopoverAnchor,
   ua as PopoverContent,
@@ -181,20 +195,20 @@ export {
   ma as SegmentedControlItem,
   z as SidebarLeftShowCopy,
   J as SidebarLeftShowCopyIcon,
-  Lt as SitemapIcon,
-  Mt as SliderIcon,
-  E as SubNavIndicator,
+  ht as SitemapIcon,
+  Rt as SliderIcon,
+  k as SubNavIndicator,
   H as SubNavIndicatorIcon,
   we as TABLE_CSS_CLASSES,
   se as Table,
-  Te as TableBody,
+  Se as TableBody,
   br as TableCard,
-  Me as TableCell,
+  Re as TableCell,
   Jt as TableCols2Icon,
-  ve as TableContext,
+  Be as TableContext,
   pr as TableFooter,
   nr as TableFooterContent,
-  Ue as TableHeader,
+  Ve as TableHeader,
   tr as TableHeaderContent,
   er as TableHeaderWrapper,
   qe as TableLoadingState,
@@ -202,24 +216,25 @@ export {
   $e as TablePagination,
   be as TableProvider,
   Je as TableRow,
-  Mr as TreeCheckboxSelect,
+  Rr as TreeCheckboxSelect,
   Yt as TriangleWarningIcon,
-  ht as UploadIcon,
+  Ka as UI_COLORS,
+  Mt as UploadIcon,
   Xt as Vector3Icon,
   yt as VectorIcon,
-  U as WindowLeftCopy,
-  O as WindowLeftCopyIcon,
+  V as WindowLeftCopy,
+  U as WindowLeftCopyIcon,
   Nt as XIcon,
-  Et as XMarkIcon,
-  hr as Z2Breadcrumb,
+  kt as XMarkIcon,
+  Mr as Z2Breadcrumb,
   Ar as Z2BreadcrumbEllipsis,
   yr as Z2BreadcrumbItem,
-  kr as Z2BreadcrumbLink,
-  Er as Z2BreadcrumbList,
+  Er as Z2BreadcrumbLink,
+  kr as Z2BreadcrumbList,
   Hr as Z2BreadcrumbPage,
   Nr as Z2BreadcrumbSeparator,
   oo as Z2Checkbox,
-  Ut as Z2DataIcon,
+  Vt as Z2DataIcon,
   ro as Z2Dialog,
   to as Z2DialogClose,
   ao as Z2DialogContent,
@@ -233,34 +248,34 @@ export {
   co as Z2Dropdown,
   so as Z2DropdownContent,
   bo as Z2DropdownInput,
-  Io as Z2DropdownItem,
+  Co as Z2DropdownItem,
   wo as Z2DropdownMenu,
-  Bo as Z2DropdownMenuCheckboxItem,
-  vo as Z2DropdownMenuContent,
-  Lo as Z2DropdownMenuGroup,
-  Ro as Z2DropdownMenuItem,
-  Mo as Z2DropdownMenuLabel,
+  vo as Z2DropdownMenuCheckboxItem,
+  Bo as Z2DropdownMenuContent,
+  ho as Z2DropdownMenuGroup,
+  Lo as Z2DropdownMenuItem,
+  Ro as Z2DropdownMenuLabel,
   Po as Z2DropdownMenuPortal,
-  ho as Z2DropdownMenuRadioGroup,
+  Mo as Z2DropdownMenuRadioGroup,
   Ao as Z2DropdownMenuRadioItem,
   yo as Z2DropdownMenuSeparator,
-  ko as Z2DropdownMenuShortcut,
-  Eo as Z2DropdownMenuSub,
+  Eo as Z2DropdownMenuShortcut,
+  ko as Z2DropdownMenuSub,
   Ho as Z2DropdownMenuSubContent,
   No as Z2DropdownMenuSubTrigger,
-  Fo as Z2DropdownMenuTrigger,
-  To as Z2DropdownSub,
-  So as Z2DropdownSubContent,
-  Co as Z2DropdownSubItem,
+  Oo as Z2DropdownMenuTrigger,
+  So as Z2DropdownSub,
+  To as Z2DropdownSubContent,
+  Io as Z2DropdownSubItem,
   Do as Z2DropdownSubTrigger,
-  Gt as Z2Icon,
+  Ft as Z2Icon,
   y as Z2Popover,
-  qa as Z2PopoverContent,
-  Ya as Z2PopoverTrigger,
-  Ua as Z2RadioCard,
-  Gr as Z2RadioGroup,
-  Wr as Z2RadioGroupIndicator,
-  _r as Z2RadioGroupItem,
+  Tp as Z2PopoverContent,
+  Cp as Z2PopoverTrigger,
+  ip as Z2RadioCard,
+  Fr as Z2RadioGroup,
+  _r as Z2RadioGroupIndicator,
+  Gr as Z2RadioGroupItem,
   jo as Z2Select,
   qo as Z2SelectContent,
   Ko as Z2SelectGroup,
@@ -272,51 +287,59 @@ export {
   ae as Z2SelectTrigger,
   pe as Z2SelectValue,
   s as Z2SideNavBar,
-  C as Z2SideNavBarContent,
+  I as Z2SideNavBarContent,
   g as Z2SideNavBarFooter,
-  B as Z2SideNavBarGroup,
-  T as Z2SideNavBarHeader,
-  L as Z2SideNavBarItem,
+  v as Z2SideNavBarGroup,
+  S as Z2SideNavBarHeader,
+  h as Z2SideNavBarItem,
   Z as Z2SideNavBarProvider,
-  M as Z2SideNavBarSeparator,
+  R as Z2SideNavBarSeparator,
   b as Z2SidebarVariants,
-  _t as Z2SlashIcon,
+  Gt as Z2SlashIcon,
   ne as Z2Stepper,
   me as Z2StepperItem,
   sa as Z2Table,
   ba as Z2TableBase,
-  Ia as Z2TableBody,
-  Ta as Z2TableBodyRow,
-  Sa as Z2TableBodyRowCell,
-  Ca as Z2TableBodyRowExpandded,
+  Ca as Z2TableBody,
+  Sa as Z2TableBodyRow,
+  Ta as Z2TableBodyRowCell,
+  Ia as Z2TableBodyRowExpandded,
   Da as Z2TableBodyRowSkeleton,
   ga as Z2TableBodyRowSkeletonCell,
-  _a as Z2TableColumnHeader,
-  ka as Z2TableContainer,
+  Ga as Z2TableColumnHeader,
+  Ea as Z2TableContainer,
   wa as Z2TableEmpty,
-  Ba as Z2TableHead,
-  va as Z2TableHeadRow,
-  La as Z2TableHeadRowCell,
-  Ra as Z2TableHeadRowCellResize,
-  Ma as Z2TableLoader,
-  Ga as Z2TablePagination,
-  Ea as Z2TableProvider,
+  va as Z2TableHead,
+  Ba as Z2TableHeadRow,
+  ha as Z2TableHeadRowCell,
+  La as Z2TableHeadRowCellResize,
+  Ra as Z2TableLoader,
+  Fa as Z2TablePagination,
+  ka as Z2TableProvider,
   Ha as Z2TableRoot,
   Pa as Z2TableRowSelect,
-  ha as Z2TableRowSelectAll,
+  Ma as Z2TableRowSelectAll,
   Aa as Z2TableRowSpacer,
   xe as Z2Tabs,
   ie as Z2TabsContent,
   ue as Z2TabsList,
   Ze as Z2TabsTrigger,
-  Br as Z2TextPreset,
+  vr as Z2TextPreset,
   cr as Z2Tooltip,
-  Sr as badgeVariants,
+  Tr as badgeVariants,
+  ap as buildBarChartOptions,
+  fp as buildChartOptions,
+  lp as buildLineChartOptions,
   i as buttonVariants,
-  Ja as cn,
-  Ce as extractCellValue,
-  Le as useTableContext,
-  Xa as useTheme,
-  h as useZ2SideNavBar,
-  Na as useZ2Table
+  sp as cn,
+  Ie as extractCellValue,
+  $a as getThemePalette,
+  mp as isChartTypeSupported,
+  dp as registeredChartTypes,
+  he as useTableContext,
+  Zp as useTheme,
+  M as useZ2SideNavBar,
+  Na as useZ2Table,
+  ep as validateChartConfig,
+  rp as validateChartData
 };

package/dist/types/components/chart/chart.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { EChartsReactProps } from 'echarts-for-react';
+export type ChartProps = EChartsReactProps;
+export declare const Chart: React.ForwardRefExoticComponent<EChartsReactProps & React.RefAttributes<any>>;

package/dist/types/components/chart/index.d.ts

@@ -0,0 +1,2 @@
+export { Chart } from './chart';
+export type { ChartProps } from './chart';

package/dist/types/components/chart-card/builders/bar-chart-builder.d.ts

@@ -0,0 +1,3 @@
+import type { EChartsOption } from 'echarts';
+import type { BarChartConfig, ChartData } from '../chart-card.config.types';
+export declare function buildBarChartOptions(config: BarChartConfig, data: ChartData): EChartsOption;

package/dist/types/components/chart-card/builders/chart-builder-factory.d.ts

@@ -0,0 +1,5 @@
+import type { EChartsOption } from 'echarts';
+import type { ChartConfig, ChartData, ChartType } from '../chart-card.config.types';
+export declare function buildChartOptions(config: ChartConfig, data: ChartData): EChartsOption;
+export declare function isChartTypeSupported(type: string): type is ChartType;
+export declare const registeredChartTypes: readonly ChartType[];

package/dist/types/components/chart-card/builders/line-chart-builder.d.ts

@@ -0,0 +1,3 @@
+import type { EChartsOption } from 'echarts';
+import type { ChartData, LineChartConfig } from '../chart-card.config.types';
+export declare function buildLineChartOptions(config: LineChartConfig, data: ChartData): EChartsOption;

package/dist/types/components/chart-card/builders/pie-chart-builder.d.ts

@@ -0,0 +1,3 @@
+import type { EChartsOption } from 'echarts';
+import type { ChartData, PieChartConfig } from '../chart-card.config.types';
+export declare function buildPieChartOptions(config: PieChartConfig, data: ChartData): EChartsOption;

package/dist/types/components/chart-card/chart-card-states.d.ts

@@ -0,0 +1,10 @@
+export declare function LoadingState({ height }: {
+    height: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ height }: {
+    height: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorState({ height, message }: {
+    height: number;
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/chart-card/chart-card.config.types.d.ts

@@ -0,0 +1,99 @@
+export type ChartType = 'line' | 'bar' | 'pie';
+export type LineChartTheme = 'basic' | 'smooth';
+export type BarChartTheme = 'basic' | 'stacked';
+export type PieChartTheme = 'basic' | 'donut';
+export type ChartTheme = LineChartTheme | BarChartTheme | PieChartTheme;
+export interface SeriesStyleConfig {
+    color?: string;
+    lineWidth?: number;
+    pointSize?: number;
+    smooth?: boolean;
+    barWidth?: number;
+    areaStyle?: boolean;
+    opacity?: number;
+    pieRadius?: [string | number, string | number];
+    pieLabelPosition?: 'inside' | 'outside';
+    pieLabelRotate?: boolean;
+}
+export interface ChartOptions {
+    seriesStyles?: Record<string, SeriesStyleConfig>;
+    defaultSeriesStyle?: SeriesStyleConfig;
+    title?: {
+        show?: boolean;
+        position?: 'left' | 'center' | 'right';
+        fontSize?: number;
+        color?: string;
+    };
+    legend?: {
+        show?: boolean;
+        position?: 'top' | 'bottom' | 'left' | 'right';
+        align?: 'left' | 'center' | 'right';
+        orient?: 'horizontal' | 'vertical';
+    };
+    tooltip?: {
+        show?: boolean;
+        trigger?: 'axis' | 'item';
+    };
+    xAxis?: {
+        show?: boolean;
+        name?: string;
+        nameLocation?: 'start' | 'middle' | 'end';
+        gridLines?: boolean;
+        labelRotate?: number;
+    };
+    yAxis?: {
+        show?: boolean;
+        name?: string;
+        nameLocation?: 'start' | 'middle' | 'end';
+        min?: number | 'auto';
+        max?: number | 'auto';
+        gridLines?: boolean;
+    };
+    grid?: {
+        top?: number | string;
+        bottom?: number | string;
+        left?: number | string;
+        right?: number | string;
+    };
+    animation?: {
+        enabled?: boolean;
+        duration?: number;
+    };
+    pie?: {
+        center?: [string | number, string | number];
+        radius?: [string | number, string | number];
+        labelPosition?: 'inside' | 'outside';
+        labelRotate?: boolean;
+        showLabel?: boolean;
+        showLabelLine?: boolean;
+    };
+}
+interface BaseChartConfig {
+    name: string;
+    height?: number;
+    width?: string | number;
+    ariaLabel?: string;
+    options?: ChartOptions;
+}
+export interface LineChartConfig extends BaseChartConfig {
+    type: 'line';
+    theme: LineChartTheme;
+}
+export interface BarChartConfig extends BaseChartConfig {
+    type: 'bar';
+    theme: BarChartTheme;
+}
+export interface PieChartConfig extends BaseChartConfig {
+    type: 'pie';
+    theme: PieChartTheme;
+}
+export type ChartConfig = LineChartConfig | BarChartConfig | PieChartConfig;
+export interface ChartSeries {
+    name: string;
+    values: number[];
+}
+export interface ChartData {
+    labels: string[];
+    series: ChartSeries[];
+}
+export {};

package/dist/types/components/chart-card/chart-card.d.ts

@@ -0,0 +1,2 @@
+import type { ChartCardProps } from './chart-card.types';
+export declare function ChartCard({ config, data, loading, error, className, style, chartProps, }: ChartCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/chart-card/chart-card.types.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from 'react';
+import type { EChartsReactProps } from 'echarts-for-react';
+import type { ChartConfig, ChartData } from './chart-card.config.types';
+export interface ChartCardProps {
+    config: ChartConfig;
+    data: ChartData;
+    loading?: boolean;
+    error?: string;
+    className?: string;
+    style?: CSSProperties;
+    chartProps?: Omit<EChartsReactProps, 'option'>;
+}