@ztwoint/z-ui 0.1.123 → 0.1.125

package/dist/components/assets/icons/index.d.ts

@@ -42,3 +42,5 @@ export { default as FilterIcon } from './filter-icon';
 export { default as DescendingSortingIcon } from './descending';
 export { default as ChainIcon } from './chain';
 export { default as EraserIcon } from './eraser';
+export { default as LeftSquareBracketIcon } from './left-square-bracket';
+export { default as RightSquareBracketIcon } from './right-square-bracket';

package/dist/components/assets/icons/left-square-bracket.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function LeftSquareBracket({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default LeftSquareBracket;

package/dist/components/assets/icons/left-square-bracket.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function a({
+  fill: r = "currentColor",
+  width: t = "1em",
+  height: n = "1em",
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      height: n,
+      id: "left-square-bracket",
+      width: t,
+      viewBox: "0 0 3 12",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ e("g", { fill: "none", children: /* @__PURE__ */ e("path", { d: "M0 12V0H3V1.01448H1.2288V10.9808H3V12H0Z", fill: r }) })
+    }
+  );
+}
+export {
+  a as default
+};

package/dist/components/assets/icons/right-square-bracket.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function RightSquareBracket({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default RightSquareBracket;

package/dist/components/assets/icons/right-square-bracket.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+function a({
+  fill: e = "currentColor",
+  width: t = "1em",
+  height: i = "1em",
+  ...n
+}) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      height: i,
+      id: "right-square-bracket",
+      width: t,
+      viewBox: "0 0 3 12",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...n,
+      children: /* @__PURE__ */ r("g", { fill: "none", children: /* @__PURE__ */ r("path", { d: "M3 0V12H0V10.9808H1.7712V1.01448H0V0H3Z", fill: e }) })
+    }
+  );
+}
+export {
+  a as default
+};

package/dist/components/select-compact/select-compact.d.ts

@@ -0,0 +1,13 @@
+interface FieldOption {
+    value: string;
+    label: string;
+}
+interface Z2SelectCompactProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options: FieldOption[];
+    placeholder?: string;
+    className?: string;
+}
+export declare function Z2SelectCompact({ value, onChange, options, placeholder, className, }: Z2SelectCompactProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/select-compact/select-compact.js

@@ -0,0 +1,17 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { Z2Select as i, Z2SelectTrigger as m, Z2SelectValue as S, Z2SelectContent as Z, Z2SelectItem as d } from "../select/z2-select.js";
+function f({
+  value: t,
+  onChange: c,
+  options: r,
+  placeholder: a = "Select field",
+  className: n
+}) {
+  return /* @__PURE__ */ u(i, { value: t || "", onValueChange: c, children: [
+    /* @__PURE__ */ e(m, { className: n, children: /* @__PURE__ */ e(S, { placeholder: a }) }),
+    /* @__PURE__ */ e(Z, { children: r.map((l) => /* @__PURE__ */ e(d, { value: l.value, children: l.label }, l.value)) })
+  ] });
+}
+export {
+  f as Z2SelectCompact
+};

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './components/file-upload-area';
 export * from './components/input/input';
 export * from './components/nav-header';
 export * from './components/select/z2-select';
+export * from './components/select-compact/select-compact';
 export * from './components/stepper';
 export * from './components/stepper-item/stepper-item';
 export * from './components/tab/tab';

package/dist/index.js

@@ -5,251 +5,256 @@ 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 C } from "./components/collapsible-side-nav-bar/side-nav-bar.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 { Z2SideNavBarContent as T } 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 v } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
+import { Z2SideNavBarGroup as B } 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 M } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
 import { useZ2SideNavBar as R } from "./components/collapsible-side-nav-bar/context.js";
 import { Z2Popover as E } from "./components/collapsible-side-nav-bar/popover/popover.js";
 import "react/jsx-runtime";
-import { default as N, default as k } from "./components/assets/icons/sub-nav-indicator.js";
+import { default as k, default as N } from "./components/assets/icons/sub-nav-indicator.js";
 import { default as _ } from "./components/assets/icons/circles-icon.js";
 import { default as O, default as G } from "./components/assets/icons/database-copy.js";
 import { default as W, 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 { default as q, default as z } from "./components/assets/icons/sidebar-left-show-copy.js";
+import { SIDEBAR_WIDTH as Q, SIDEBAR_WIDTH_COLLAPSED as Y } 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 no, Z2DialogHeader as lo, 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 Co, Z2DropdownItem as bo, 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 Mo, Z2DropdownMenuPortal as Po, Z2DropdownMenuRadioGroup as Ro, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as Eo, Z2DropdownMenuShortcut as yo, Z2DropdownMenuSub as No, Z2DropdownMenuSubContent as ko, Z2DropdownMenuSubTrigger as Ho, Z2DropdownMenuTrigger as _o } from "./components/dropdown-menu/z2-dropdown-menu.js";
+import { DropdownContext as Zo, Z2Dropdown as co, Z2DropdownContent as so, Z2DropdownInput as Co, Z2DropdownItem as bo, Z2DropdownSub as So, Z2DropdownSubContent as Io, Z2DropdownSubItem as To, Z2DropdownSubTrigger as Do } from "./components/dropdown/z2-dropdown.js";
+import { Z2DropdownMenu as wo, Z2DropdownMenuCheckboxItem as Bo, Z2DropdownMenuContent as vo, Z2DropdownMenuGroup as ho, Z2DropdownMenuItem as Lo, Z2DropdownMenuLabel as Mo, Z2DropdownMenuPortal as Po, Z2DropdownMenuRadioGroup as Ro, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as Eo, Z2DropdownMenuShortcut as yo, Z2DropdownMenuSub as ko, Z2DropdownMenuSubContent as No, Z2DropdownMenuSubTrigger as Ho, Z2DropdownMenuTrigger as _o } from "./components/dropdown-menu/z2-dropdown-menu.js";
 import { FileUploadArea as Oo } 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 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";
-import { Z2Stepper as le } 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 Ce } from "./components/table/table-provider.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 Be, useTableContext as he } from "./components/table/table.context.js";
-import { TableCell as Me } from "./components/table/components/table-cell.js";
-import { NumberCell as Re } from "./components/table/components/cell/number-cell.js";
-import { BooleanCell as Ee } from "./components/table/components/cell/boolean-cell.js";
-import { LinkCell as Ne } from "./components/table/components/cell/link-cell.js";
-import { DescriptionCell as He } from "./components/table/components/cell/description-cell.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 We } 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";
-import { TableLoadingState as qe } from "./components/table/components/table-loading-state.js";
-import { Pagination as $e } from "./components/table/components/pagination/pagination.js";
-import { TableHeaderWrapper as er } from "./components/table/components/table-header-wrapper.js";
-import { TableHeaderContent as tr } from "./components/table/components/table-header-content.js";
-import { TableFooter as pr } from "./components/table/components/table-footer.js";
-import { TableFooterContent as lr } from "./components/table/components/table-footer-content.js";
-import { MagnifierIcon as mr } from "./components/assets/icons/magnifier-icon.js";
-import { PaginationInfo as xr } from "./components/table/components/pagination/components/pagination-info.js";
-import { PaginationQuickJumper as ur } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
+import { NavHeader as qo } from "./components/nav-header/nav-header.js";
+import { NavItem as Jo } from "./components/nav-header/nav-item/nav-item.js";
+import { Z2Select as Yo, Z2SelectContent as jo, 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";
+import { Z2SelectCompact as le } from "./components/select-compact/select-compact.js";
+import { Z2Stepper as me } from "./components/stepper/stepper.js";
+import { Z2StepperItem as xe } from "./components/stepper-item/stepper-item.js";
+import { Z2Tabs as ue, Z2TabsContent as Ze, Z2TabsList as ce, Z2TabsTrigger as se } from "./components/tab/tab.js";
+import { Table as be, TableProvider as Se } from "./components/table/table-provider.js";
+import { TableBody as Te } from "./components/table/table.js";
+import { extractCellValue as ge } from "./components/table/table.utils.js";
+import { DEFAULT_EMPTY_MESSAGE as Be, TABLE_CSS_CLASSES as ve } from "./components/table/table.const.js";
+import { TableContext as Le, useTableContext as Me } from "./components/table/table.context.js";
+import { TableCell as Re } from "./components/table/components/table-cell.js";
+import { NumberCell as Ee } from "./components/table/components/cell/number-cell.js";
+import { BooleanCell as ke } from "./components/table/components/cell/boolean-cell.js";
+import { LinkCell as He } from "./components/table/components/cell/link-cell.js";
+import { DescriptionCell as Fe } from "./components/table/components/cell/description-cell.js";
+import { AvatarCell as Ge } from "./components/table/components/cell/avatar-cell.js";
+import { LabelCell as We } from "./components/table/components/cell/label-cell.js";
+import { TableHeader as Xe } from "./components/table/components/table-header/table-header.js";
+import { default as ze } from "./components/assets/icons/chevron-down.js";
+import { TableRow as Qe } from "./components/table/components/table-row.js";
+import { TableMessageState as je } from "./components/table/components/table-message-state.js";
+import { TableLoadingState as $e } from "./components/table/components/table-loading-state.js";
+import { Pagination as er } from "./components/table/components/pagination/pagination.js";
+import { TableHeaderWrapper as tr } from "./components/table/components/table-header-wrapper.js";
+import { TableHeaderContent as pr } from "./components/table/components/table-header-content.js";
+import { TableFooter as lr } from "./components/table/components/table-footer.js";
+import { TableFooterContent as mr } from "./components/table/components/table-footer-content.js";
+import { MagnifierIcon as xr } from "./components/assets/icons/magnifier-icon.js";
+import { PaginationInfo as ur } from "./components/table/components/pagination/components/pagination-info.js";
+import { PaginationQuickJumper as cr } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
 import "react";
-import { Z2Tooltip as cr } from "./components/tooltip/tooltip.js";
-import { default as Cr } from "./components/table-card/table-card.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 vr } from "./components/text-preset/text-preset.js";
-import { ColumnReOrder as hr } from "./components/column-reorder/column-reorder.js";
-import { default as Mr } from "./components/tree-checkbox-select/TreeCheckboxSelect.js";
-import { Z2Breadcrumb as Rr, Z2BreadcrumbEllipsis as Ar, Z2BreadcrumbItem as Er, Z2BreadcrumbLink as yr, Z2BreadcrumbList as Nr, Z2BreadcrumbPage as kr, Z2BreadcrumbSeparator as Hr } from "./components/breadcrumb/z2-breadcrumb.js";
-import { Z2RadioGroup as Fr, Z2RadioGroupIndicator as Or, Z2RadioGroupItem as Gr } from "./components/radio/z2-radio.js";
-import { default as Wr } 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";
-import { default as qr } from "./components/assets/icons/circle-check-filled.js";
-import { default as $r } from "./components/assets/icons/circle-check.js";
-import { default as et } from "./components/assets/icons/dots.js";
-import { default as tt } from "./components/assets/icons/double-chevron-left.js";
-import { default as pt } from "./components/assets/icons/double-chevron-right.js";
-import { default as lt } from "./components/assets/icons/drag-handle.js";
-import { default as mt } from "./components/assets/icons/home.js";
-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 Ct } from "./components/assets/icons/list-tree.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 vt } from "./components/assets/icons/pin.js";
-import { default as ht } from "./components/assets/icons/sitemap.js";
-import { default as Mt } from "./components/assets/icons/slider.js";
-import { default as Rt } from "./components/assets/icons/upload.js";
-import { default as Et } from "./components/assets/icons/vector.js";
-import { XMark as Nt } from "./components/assets/icons/x-mark.js";
-import { default as Ht } from "./components/assets/icons/x.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 Wt } 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";
-import { default as qt } from "./components/assets/icons/arrow-left.js";
-import { default as $t } from "./components/assets/icons/filter-icon.js";
-import { default as ea } from "./components/assets/icons/descending.js";
-import { default as ta } from "./components/assets/icons/chain.js";
-import { default as pa } from "./components/assets/icons/eraser.js";
-import { SegmentedControl as la } 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 Ca, Z2TableBody as ba, 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 Ma, Z2TableRowSelect as Pa, Z2TableRowSelectAll as Ra, Z2TableRowSpacer as Aa } from "./components/dynamic-table/z2-table.js";
-import { Z2TableContainer as ya, Z2TableProvider as Na, Z2TableRoot as ka, useZ2Table as Ha } 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 Wa } 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 np } 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 { default as Zp } from "./components/z2map/map.js";
-import { DEFAULT_MAP_CONFIG as sp, MAP_VARIANTS as Cp, PIN_SIZES as bp } from "./components/z2map/map.constants.js";
-import { MapPinComponent as Tp } from "./components/z2map/components/map-pin.js";
-import { MapPinContent as Dp } from "./components/z2map/components/map-pin-content.js";
-import { MapControls as wp } from "./components/z2map/components/map-controls.js";
-import { MapZoomControl as Bp } from "./components/z2map/components/map-zoom-control.js";
-import { MapStyleControl as Lp } from "./components/z2map/components/map-style-control.js";
-import { useTheme as Pp } from "./lib/theme.hook.js";
-import { cn as Ap } from "./lib/utils.js";
-import { Z2PopoverTrigger as yp } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as kp } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2Tooltip as Cr } from "./components/tooltip/tooltip.js";
+import { default as Sr } from "./components/table-card/table-card.js";
+import { Badge as Tr, badgeVariants as Dr } from "./components/badge/badge.js";
+import { Avatar as wr, AvatarWithLabel as Br } from "./components/avatar/avatar.js";
+import { Z2TextPreset as hr } from "./components/text-preset/text-preset.js";
+import { ColumnReOrder as Mr } from "./components/column-reorder/column-reorder.js";
+import { default as Rr } from "./components/tree-checkbox-select/TreeCheckboxSelect.js";
+import { Z2Breadcrumb as Er, Z2BreadcrumbEllipsis as yr, Z2BreadcrumbItem as kr, Z2BreadcrumbLink as Nr, Z2BreadcrumbList as Hr, Z2BreadcrumbPage as _r, Z2BreadcrumbSeparator as Fr } from "./components/breadcrumb/z2-breadcrumb.js";
+import { Z2RadioGroup as Gr, Z2RadioGroupIndicator as Vr, Z2RadioGroupItem as Wr } from "./components/radio/z2-radio.js";
+import { default as Xr } from "./components/assets/icons/apartment-building.js";
+import { Check as zr } from "./components/assets/icons/check.js";
+import { default as Qr } from "./components/assets/icons/chevron-left.js";
+import { default as jr } from "./components/assets/icons/chevron-right.js";
+import { default as $r } from "./components/assets/icons/circle-check-filled.js";
+import { default as et } from "./components/assets/icons/circle-check.js";
+import { default as tt } from "./components/assets/icons/dots.js";
+import { default as pt } from "./components/assets/icons/double-chevron-left.js";
+import { default as lt } from "./components/assets/icons/double-chevron-right.js";
+import { default as mt } from "./components/assets/icons/drag-handle.js";
+import { default as xt } from "./components/assets/icons/home.js";
+import { InfoIcon as ut } from "./components/assets/icons/info-icon.js";
+import { default as ct } from "./components/assets/icons/left-arrow.js";
+import { default as Ct } from "./components/assets/icons/link.js";
+import { default as St } from "./components/assets/icons/list-tree.js";
+import { default as Tt } from "./components/assets/icons/media-record.js";
+import { Minus as gt } from "./components/assets/icons/minus.js";
+import { default as Bt } from "./components/assets/icons/octagon-warning-Copy.js";
+import { default as ht } from "./components/assets/icons/pin.js";
+import { default as Mt } from "./components/assets/icons/sitemap.js";
+import { default as Rt } from "./components/assets/icons/slider.js";
+import { default as Et } from "./components/assets/icons/upload.js";
+import { default as kt } from "./components/assets/icons/vector.js";
+import { XMark as Ht } from "./components/assets/icons/x-mark.js";
+import { default as Ft } from "./components/assets/icons/x.js";
+import { default as Gt } from "./components/assets/icons/z2-icon.js";
+import { default as Wt } from "./components/assets/icons/z2-slash.js";
+import { default as Xt } from "./components/assets/icons/z2data.js";
+import { default as zt } from "./components/assets/icons/vector_3.js";
+import { default as Qt } from "./components/assets/icons/table-cols-2.js";
+import { default as jt } from "./components/assets/icons/triangle-warning.js";
+import { default as $t } from "./components/assets/icons/arrow-left.js";
+import { default as ea } from "./components/assets/icons/filter-icon.js";
+import { default as ta } from "./components/assets/icons/descending.js";
+import { default as pa } from "./components/assets/icons/chain.js";
+import { default as la } from "./components/assets/icons/eraser.js";
+import { default as ma } from "./components/assets/icons/left-square-bracket.js";
+import { default as xa } from "./components/assets/icons/right-square-bracket.js";
+import { SegmentedControl as ua } from "./components/segmented-control/controller.js";
+import { SegmentedControlItem as ca } from "./components/segmented-control/item.js";
+import { Popover as Ca, PopoverAnchor as ba, PopoverContent as Sa, PopoverTrigger as Ia } from "./components/popover/popover.js";
+import { Z2Table as Da, Z2TableBase as ga, Z2TableBody as wa, Z2TableBodyRow as Ba, Z2TableBodyRowCell as va, Z2TableBodyRowExpandded as ha, Z2TableBodyRowSkeleton as La, Z2TableBodyRowSkeletonCell as Ma, Z2TableEmpty as Pa, Z2TableHead as Ra, Z2TableHeadRow as Aa, Z2TableHeadRowCell as Ea, Z2TableHeadRowCellResize as ya, Z2TableLoader as ka, Z2TableRowSelect as Na, Z2TableRowSelectAll as Ha, Z2TableRowSpacer as _a } from "./components/dynamic-table/z2-table.js";
+import { Z2TableContainer as Oa, Z2TableProvider as Ga, Z2TableRoot as Va, useZ2Table as Wa } from "./components/dynamic-table/z2-table-context.js";
+import { Z2TablePagination as Xa } from "./components/dynamic-table/z2-table-pagination.js";
+import { Z2TableColumnHeader as za } from "./components/dynamic-table/z2-column-header.js";
+import { Chart as Qa } from "./components/chart/chart.js";
+import { ChartCard as ja } from "./components/chart-card/chart-card.js";
+import { EmptyState as $a, ErrorState as op, LoadingState as ep } from "./components/chart-card/chart-card-states.js";
+import { COLOR_PALETTES as tp, UI_COLORS as ap, getThemePalette as pp } from "./components/chart-card/config/colors.js";
+import { validateChartConfig as lp, validateChartData as fp } from "./components/chart-card/validators/config-validator.js";
+import { buildBarChartOptions as dp } from "./components/chart-card/builders/bar-chart-builder.js";
+import { buildLineChartOptions as ip } from "./components/chart-card/builders/line-chart-builder.js";
+import { buildChartOptions as Zp, isChartTypeSupported as cp, registeredChartTypes as sp } from "./components/chart-card/builders/chart-builder-factory.js";
+import { Z2RadioCard as bp } from "./components/radio-card/radio-card.js";
+import { default as Ip } from "./components/z2map/map.js";
+import { DEFAULT_MAP_CONFIG as Dp, MAP_VARIANTS as gp, PIN_SIZES as wp } from "./components/z2map/map.constants.js";
+import { MapPinComponent as vp } from "./components/z2map/components/map-pin.js";
+import { MapPinContent as Lp } from "./components/z2map/components/map-pin-content.js";
+import { MapControls as Pp } from "./components/z2map/components/map-controls.js";
+import { MapZoomControl as Ap } from "./components/z2map/components/map-zoom-control.js";
+import { MapStyleControl as yp } from "./components/z2map/components/map-style-control.js";
+import { useTheme as Np } from "./lib/theme.hook.js";
+import { cn as _p } from "./lib/utils.js";
+import { Z2PopoverTrigger as Op } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as Vp } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   p as Alert,
   m as AlertCirclesIcon,
   n as AlertDescription,
   l as AlertTitle,
-  Wr as ApartmentBuildingIcon,
-  qt as ArrowLeftIcon,
-  Dr as Avatar,
-  Fe as AvatarCell,
-  gr as AvatarWithLabel,
-  Sr as Badge,
-  Ee as BooleanCell,
+  Xr as ApartmentBuildingIcon,
+  $t as ArrowLeftIcon,
+  wr as Avatar,
+  Ge as AvatarCell,
+  Br as AvatarWithLabel,
+  Tr as Badge,
+  ke as BooleanCell,
   x as Button,
-  qa as COLOR_PALETTES,
-  ta as ChainIcon,
-  Wa as Chart,
-  Xa as ChartCard,
-  Xr as CheckIcon,
-  Xe as ChevronDownIcon,
-  Jr as ChevronLeftIcon,
-  Yr as ChevronRightIcon,
-  qr as CircleCheckFilledIcon,
-  $r as CircleCheckIcon,
+  tp as COLOR_PALETTES,
+  pa as ChainIcon,
+  Qa as Chart,
+  ja as ChartCard,
+  zr as CheckIcon,
+  ze as ChevronDownIcon,
+  Qr as ChevronLeftIcon,
+  jr as ChevronRightIcon,
+  $r as CircleCheckFilledIcon,
+  et as CircleCheckIcon,
   _ as CirclesIcon,
-  hr as ColumnReOrder,
+  Mr as ColumnReOrder,
   K as CountryFlags,
   Vo as DEFAULT_ACCEPT,
-  ge as DEFAULT_EMPTY_MESSAGE,
-  sp as DEFAULT_MAP_CONFIG,
+  Be as DEFAULT_EMPTY_MESSAGE,
+  Dp as DEFAULT_MAP_CONFIG,
   O as DatabaseCopy,
   G as DatabaseCopyIcon,
-  ea as DescendingSortingIcon,
-  He as DescriptionCell,
-  et as DotsIcon,
-  tt as DoubleChevronLeftIcon,
-  pt as DoubleChevronRightIcon,
-  lt as DragHandleIcon,
+  ta as DescendingSortingIcon,
+  Fe as DescriptionCell,
+  tt as DotsIcon,
+  pt as DoubleChevronLeftIcon,
+  lt as DoubleChevronRightIcon,
+  mt as DragHandleIcon,
   Zo as DropdownContext,
-  Ja as EmptyState,
-  pa as EraserIcon,
-  Qa as ErrorState,
+  $a as EmptyState,
+  la as EraserIcon,
+  op as ErrorState,
   Oo as FileUploadArea,
-  $t as FilterIcon,
-  mt as HomeIcon,
-  xt as InfoIcon,
+  ea as FilterIcon,
+  xt as HomeIcon,
+  ut as InfoIcon,
   Uo as Input,
-  Ge as LabelCell,
-  ut as LeftArrowIcon,
-  Ne as LinkCell,
-  ct as LinkIcon,
-  Ct as ListTreeIcon,
-  Ya as LoadingState,
-  Cp as MAP_VARIANTS,
-  mr as MagnifierIcon,
-  wp as MapControls,
-  Tp as MapPinComponent,
-  Dp as MapPinContent,
-  Lp as MapStyleControl,
-  Bp as MapZoomControl,
-  St as MediaRecordIcon,
-  It as MinusIcon,
-  zo as NavHeader,
-  Qo as NavItem,
-  Re as NumberCell,
-  gt as OctagonWarningIcon,
-  bp as PIN_SIZES,
-  xr as PaginationInfo,
-  ur as PaginationQuickJumper,
-  vt as PinIcon,
-  xa as Popover,
-  ia as PopoverAnchor,
-  ua as PopoverContent,
-  Za as PopoverTrigger,
-  Y as SIDEBAR_WIDTH,
-  j as SIDEBAR_WIDTH_COLLAPSED,
-  la as SegmentedControl,
-  ma as SegmentedControlItem,
-  z as SidebarLeftShowCopy,
-  J as SidebarLeftShowCopyIcon,
-  ht as SitemapIcon,
-  Mt as SliderIcon,
-  N as SubNavIndicator,
-  k as SubNavIndicatorIcon,
-  we as TABLE_CSS_CLASSES,
-  se as Table,
-  Se as TableBody,
-  Cr as TableCard,
-  Me as TableCell,
-  Jt as TableCols2Icon,
-  Be as TableContext,
-  pr as TableFooter,
-  lr as TableFooterContent,
-  We as TableHeader,
-  tr as TableHeaderContent,
-  er as TableHeaderWrapper,
-  qe as TableLoadingState,
-  Ye as TableMessageState,
-  $e as TablePagination,
-  Ce as TableProvider,
-  Je as TableRow,
-  Mr as TreeCheckboxSelect,
-  Yt as TriangleWarningIcon,
-  Ka as UI_COLORS,
-  Rt as UploadIcon,
-  Xt as Vector3Icon,
-  Et as VectorIcon,
+  We as LabelCell,
+  ct as LeftArrowIcon,
+  ma as LeftSquareBracketIcon,
+  He as LinkCell,
+  Ct as LinkIcon,
+  St as ListTreeIcon,
+  ep as LoadingState,
+  gp as MAP_VARIANTS,
+  xr as MagnifierIcon,
+  Pp as MapControls,
+  vp as MapPinComponent,
+  Lp as MapPinContent,
+  yp as MapStyleControl,
+  Ap as MapZoomControl,
+  Tt as MediaRecordIcon,
+  gt as MinusIcon,
+  qo as NavHeader,
+  Jo as NavItem,
+  Ee as NumberCell,
+  Bt as OctagonWarningIcon,
+  wp as PIN_SIZES,
+  ur as PaginationInfo,
+  cr as PaginationQuickJumper,
+  ht as PinIcon,
+  Ca as Popover,
+  ba as PopoverAnchor,
+  Sa as PopoverContent,
+  Ia as PopoverTrigger,
+  xa as RightSquareBracketIcon,
+  Q as SIDEBAR_WIDTH,
+  Y as SIDEBAR_WIDTH_COLLAPSED,
+  ua as SegmentedControl,
+  ca as SegmentedControlItem,
+  q as SidebarLeftShowCopy,
+  z as SidebarLeftShowCopyIcon,
+  Mt as SitemapIcon,
+  Rt as SliderIcon,
+  k as SubNavIndicator,
+  N as SubNavIndicatorIcon,
+  ve as TABLE_CSS_CLASSES,
+  be as Table,
+  Te as TableBody,
+  Sr as TableCard,
+  Re as TableCell,
+  Qt as TableCols2Icon,
+  Le as TableContext,
+  lr as TableFooter,
+  mr as TableFooterContent,
+  Xe as TableHeader,
+  pr as TableHeaderContent,
+  tr as TableHeaderWrapper,
+  $e as TableLoadingState,
+  je as TableMessageState,
+  er as TablePagination,
+  Se as TableProvider,
+  Qe as TableRow,
+  Rr as TreeCheckboxSelect,
+  jt as TriangleWarningIcon,
+  ap as UI_COLORS,
+  Et as UploadIcon,
+  zt as Vector3Icon,
+  kt as VectorIcon,
   W as WindowLeftCopy,
   U as WindowLeftCopyIcon,
-  Ht as XIcon,
-  Nt as XMarkIcon,
-  Rr as Z2Breadcrumb,
-  Ar as Z2BreadcrumbEllipsis,
-  Er as Z2BreadcrumbItem,
-  yr as Z2BreadcrumbLink,
-  Nr as Z2BreadcrumbList,
-  kr as Z2BreadcrumbPage,
-  Hr as Z2BreadcrumbSeparator,
+  Ft as XIcon,
+  Ht as XMarkIcon,
+  Er as Z2Breadcrumb,
+  yr as Z2BreadcrumbEllipsis,
+  kr as Z2BreadcrumbItem,
+  Nr as Z2BreadcrumbLink,
+  Hr as Z2BreadcrumbList,
+  _r as Z2BreadcrumbPage,
+  Fr as Z2BreadcrumbSeparator,
   oo as Z2Checkbox,
-  Wt as Z2DataIcon,
+  Xt as Z2DataIcon,
   ro as Z2Dialog,
   to as Z2DialogClose,
   ao as Z2DialogContent,
@@ -265,8 +270,8 @@ export {
   Co as Z2DropdownInput,
   bo as Z2DropdownItem,
   wo as Z2DropdownMenu,
-  vo as Z2DropdownMenuCheckboxItem,
-  Bo as Z2DropdownMenuContent,
+  Bo as Z2DropdownMenuCheckboxItem,
+  vo as Z2DropdownMenuContent,
   ho as Z2DropdownMenuGroup,
   Lo as Z2DropdownMenuItem,
   Mo as Z2DropdownMenuLabel,
@@ -275,25 +280,26 @@ export {
   Ao as Z2DropdownMenuRadioItem,
   Eo as Z2DropdownMenuSeparator,
   yo as Z2DropdownMenuShortcut,
-  No as Z2DropdownMenuSub,
-  ko as Z2DropdownMenuSubContent,
+  ko as Z2DropdownMenuSub,
+  No as Z2DropdownMenuSubContent,
   Ho as Z2DropdownMenuSubTrigger,
   _o as Z2DropdownMenuTrigger,
   So as Z2DropdownSub,
-  To as Z2DropdownSubContent,
-  Io as Z2DropdownSubItem,
+  Io as Z2DropdownSubContent,
+  To as Z2DropdownSubItem,
   Do as Z2DropdownSubTrigger,
-  Ft as Z2Icon,
-  Zp as Z2Map,
+  Gt as Z2Icon,
+  Ip as Z2Map,
   E as Z2Popover,
-  kp as Z2PopoverContent,
-  yp as Z2PopoverTrigger,
-  ip as Z2RadioCard,
-  Fr as Z2RadioGroup,
-  Or as Z2RadioGroupIndicator,
-  Gr as Z2RadioGroupItem,
-  jo as Z2Select,
-  qo as Z2SelectContent,
+  Vp as Z2PopoverContent,
+  Op as Z2PopoverTrigger,
+  bp as Z2RadioCard,
+  Gr as Z2RadioGroup,
+  Vr as Z2RadioGroupIndicator,
+  Wr as Z2RadioGroupItem,
+  Yo as Z2Select,
+  le as Z2SelectCompact,
+  jo as Z2SelectContent,
   Ko as Z2SelectGroup,
   $o as Z2SelectItem,
   oe as Z2SelectLabel,
@@ -303,59 +309,59 @@ export {
   ae as Z2SelectTrigger,
   pe as Z2SelectValue,
   s as Z2SideNavBar,
-  I as Z2SideNavBarContent,
+  T as Z2SideNavBarContent,
   g as Z2SideNavBarFooter,
-  v as Z2SideNavBarGroup,
+  B as Z2SideNavBarGroup,
   S as Z2SideNavBarHeader,
   h as Z2SideNavBarItem,
   Z as Z2SideNavBarProvider,
   M as Z2SideNavBarSeparator,
   C as Z2SidebarVariants,
-  Gt as Z2SlashIcon,
-  le as Z2Stepper,
-  me as Z2StepperItem,
-  sa as Z2Table,
-  Ca as Z2TableBase,
-  ba as Z2TableBody,
-  Sa as Z2TableBodyRow,
-  Ta as Z2TableBodyRowCell,
-  Ia as Z2TableBodyRowExpandded,
-  Da as Z2TableBodyRowSkeleton,
-  ga as Z2TableBodyRowSkeletonCell,
-  Ga as Z2TableColumnHeader,
-  ya as Z2TableContainer,
-  wa as Z2TableEmpty,
-  va as Z2TableHead,
-  Ba as Z2TableHeadRow,
-  ha as Z2TableHeadRowCell,
-  La as Z2TableHeadRowCellResize,
-  Ma as Z2TableLoader,
-  Fa as Z2TablePagination,
-  Na as Z2TableProvider,
-  ka as Z2TableRoot,
-  Pa as Z2TableRowSelect,
-  Ra as Z2TableRowSelectAll,
-  Aa as Z2TableRowSpacer,
-  xe as Z2Tabs,
-  ie as Z2TabsContent,
-  ue as Z2TabsList,
-  Ze as Z2TabsTrigger,
-  vr as Z2TextPreset,
-  cr as Z2Tooltip,
-  Tr as badgeVariants,
-  ap as buildBarChartOptions,
-  fp as buildChartOptions,
-  np as buildLineChartOptions,
+  Wt as Z2SlashIcon,
+  me as Z2Stepper,
+  xe as Z2StepperItem,
+  Da as Z2Table,
+  ga as Z2TableBase,
+  wa as Z2TableBody,
+  Ba as Z2TableBodyRow,
+  va as Z2TableBodyRowCell,
+  ha as Z2TableBodyRowExpandded,
+  La as Z2TableBodyRowSkeleton,
+  Ma as Z2TableBodyRowSkeletonCell,
+  za as Z2TableColumnHeader,
+  Oa as Z2TableContainer,
+  Pa as Z2TableEmpty,
+  Ra as Z2TableHead,
+  Aa as Z2TableHeadRow,
+  Ea as Z2TableHeadRowCell,
+  ya as Z2TableHeadRowCellResize,
+  ka as Z2TableLoader,
+  Xa as Z2TablePagination,
+  Ga as Z2TableProvider,
+  Va as Z2TableRoot,
+  Na as Z2TableRowSelect,
+  Ha as Z2TableRowSelectAll,
+  _a as Z2TableRowSpacer,
+  ue as Z2Tabs,
+  Ze as Z2TabsContent,
+  ce as Z2TabsList,
+  se as Z2TabsTrigger,
+  hr as Z2TextPreset,
+  Cr as Z2Tooltip,
+  Dr as badgeVariants,
+  dp as buildBarChartOptions,
+  Zp as buildChartOptions,
+  ip as buildLineChartOptions,
   i as buttonVariants,
-  Ap as cn,
-  Ie as extractCellValue,
-  $a as getThemePalette,
-  mp as isChartTypeSupported,
-  dp as registeredChartTypes,
-  he as useTableContext,
-  Pp as useTheme,
+  _p as cn,
+  ge as extractCellValue,
+  pp as getThemePalette,
+  cp as isChartTypeSupported,
+  sp as registeredChartTypes,
+  Me as useTableContext,
+  Np as useTheme,
   R as useZ2SideNavBar,
-  Ha as useZ2Table,
-  ep as validateChartConfig,
-  rp as validateChartData
+  Wa as useZ2Table,
+  lp as validateChartConfig,
+  fp as validateChartData
 };

package/dist/types/components/assets/icons/index.d.ts

@@ -42,3 +42,5 @@ export { default as FilterIcon } from './filter-icon';
 export { default as DescendingSortingIcon } from './descending';
 export { default as ChainIcon } from './chain';
 export { default as EraserIcon } from './eraser';
+export { default as LeftSquareBracketIcon } from './left-square-bracket';
+export { default as RightSquareBracketIcon } from './right-square-bracket';

package/dist/types/components/assets/icons/left-square-bracket.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function LeftSquareBracket({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default LeftSquareBracket;

package/dist/types/components/assets/icons/right-square-bracket.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function RightSquareBracket({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default RightSquareBracket;

package/dist/types/components/select-compact/select-compact.d.ts

@@ -0,0 +1,13 @@
+interface FieldOption {
+    value: string;
+    label: string;
+}
+interface Z2SelectCompactProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options: FieldOption[];
+    placeholder?: string;
+    className?: string;
+}
+export declare function Z2SelectCompact({ value, onChange, options, placeholder, className, }: Z2SelectCompactProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/index.d.ts

@@ -11,6 +11,7 @@ export * from './components/file-upload-area';
 export * from './components/input/input';
 export * from './components/nav-header';
 export * from './components/select/z2-select';
+export * from './components/select-compact/select-compact';
 export * from './components/stepper';
 export * from './components/stepper-item/stepper-item';
 export * from './components/tab/tab';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.123",
+  "version": "0.1.125",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -119,4 +119,4 @@
     "react": "19.1.0",
     "react-dom": "19.1.0"
   }
-}
+}