@ztwoint/z-ui 0.1.113 → 0.1.115

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

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

package/dist/components/assets/icons/eraser.js

@@ -0,0 +1,61 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+function h({
+  fill: e = "currentColor",
+  secondaryfill: t,
+  width: n = "1em",
+  height: s = "1em",
+  title: i = "Eraser",
+  ...c
+}) {
+  return t = t || e, /* @__PURE__ */ o(
+    "svg",
+    {
+      height: s,
+      width: n,
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...c,
+      children: [
+        /* @__PURE__ */ r("title", { children: i }),
+        /* @__PURE__ */ o("g", { fill: e, children: [
+          /* @__PURE__ */ r(
+            "path",
+            {
+              d: "m6.5813,16c-.144-.1003-.2813-.2147-.4097-.3431l-2.0784-2.0784c-1.1716-1.1716-1.1716-3.0711,0-4.2426l4.7426-4.7426c1.1716-1.1716,3.0711-1.1716,4.2426,0l2.0784,2.0784c1.1716,1.1716,1.1716,3.0711,0,4.2426l-4.7426,4.7426c-.1285.1285-.2657.2429-.4098.3432",
+              fill: "none",
+              stroke: e,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2"
+            }
+          ),
+          /* @__PURE__ */ r(
+            "path",
+            {
+              d: "m15.1569,6.6716l-2.0784-2.0784c-1.1716-1.1716-3.071-1.1716-4.2426,0l-2.3713,2.3713,6.321,6.321,2.3713-2.3713c1.1716-1.1716,1.1716-3.071,0-4.2426Z",
+              fill: e,
+              strokeWidth: "0"
+            }
+          ),
+          /* @__PURE__ */ r(
+            "line",
+            {
+              fill: "none",
+              stroke: t,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2",
+              x1: "6.5813",
+              x2: "17",
+              y1: "16",
+              y2: "16"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  h as default
+};

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

@@ -41,3 +41,4 @@ export { default as ArrowLeftIcon } from './arrow-left';
 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';

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import * as Z2SelectPrimitive from '@radix-ui/react-select';
 declare function Z2Select({ ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function Z2SelectGroup({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function Z2SelectValue({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Value & {
-    rightIcon?: React.ReactNode;
-}>): import("react/jsx-runtime").JSX.Element;
+type Z2SelectValueProps = Omit<React.ComponentProps<typeof Z2SelectPrimitive.Value>, 'placeholder'> & {
+    placeholder?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+};
+declare function Z2SelectValue({ className, leftIcon, placeholder, ...props }: Z2SelectValueProps): import("react/jsx-runtime").JSX.Element;
 declare function Z2SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Trigger> & {
     size?: 'sm' | 'default';
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,49 +1,51 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import * as s from "@radix-ui/react-select";
-import { ChevronDownIcon as c, ChevronUpIcon as d } from "lucide-react";
-import { cn as r } from "../../lib/utils.js";
+import { ChevronDownIcon as i, ChevronUpIcon as d } from "lucide-react";
+import { cn as l } from "../../lib/utils.js";
 import u from "../assets/icons/circle-check-filled.js";
-function h({ ...e }) {
-  return /* @__PURE__ */ t(s.Root, { "data-slot": "select", ...e });
+function h({ ...t }) {
+  return /* @__PURE__ */ e(s.Root, { "data-slot": "select", ...t });
 }
 function b({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     s.Group,
     {
       "data-slot": "select-group",
-      className: r(
+      className: l(
         // layout
         "flex w-full flex-col items-start gap-1 relative rounded-none",
-        e
+        t
       ),
       ...a
     }
   );
 }
-function g({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
+function g({ className: t, leftIcon: a, placeholder: r, ...n }) {
+  const c = a ? /* @__PURE__ */ o("span", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ e("span", { className: "flex w-3.5 h-3.5 items-center justify-center shrink-0", children: a }),
+    /* @__PURE__ */ e("span", { children: r })
+  ] }) : r;
+  return /* @__PURE__ */ e(
     s.Value,
     {
       "data-slot": "select-value",
-      className: r(
+      className: l(
         // layout + text alignment
         "w-full self-center items-start text-left flex gap-1",
-        e
+        t
       ),
-      ...a
+      placeholder: c,
+      ...n
     }
   );
 }
 function w({
-  className: e,
+  className: t,
   size: a = "default",
-  children: l,
+  children: r,
   ...n
 }) {
   return /* @__PURE__ */ o(
@@ -51,7 +53,7 @@ function w({
     {
       "data-slot": "select-trigger",
       "data-size": a,
-      className: r(
+      className: l(
         // base layout
         "h-7.5 flex items-center justify-between w-full self-stretch transition-all cursor-pointer",
         "gap-[6px] p-2 rounded-md",
@@ -79,84 +81,84 @@ function w({
         "data-[state=open]:box-shadow-button-default-pressed",
         // disabled
         "data-[disabled]:bg-input-surface-disabled data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed",
-        e
+        t
       ),
       ...n,
       children: [
-        l,
-        /* @__PURE__ */ t(s.Icon, { asChild: !0, children: /* @__PURE__ */ t(c, { className: "shrink-0 w-[14px] h-[14px] aspect-square text-text-neutral-muted" }) })
+        r,
+        /* @__PURE__ */ e(s.Icon, { asChild: !0, children: /* @__PURE__ */ e(i, { className: "shrink-0 w-[14px] h-[14px] aspect-square text-text-neutral-muted" }) })
       ]
     }
   );
 }
 function v({
-  className: e,
+  className: t,
   children: a,
-  position: l = "popper",
+  position: r = "popper",
   ...n
 }) {
-  return /* @__PURE__ */ t(s.Portal, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(s.Portal, { children: /* @__PURE__ */ e(
     s.Content,
     {
       "data-slot": "select-content",
-      className: r(
+      className: l(
         "min-w-[var(--radix-select-trigger-width)] flex flex-col items-start p-1 rounded-xl",
         // background stack (overlay on top + base)
         "bg-dropdown-surface",
         // elevation + hairline stroke
         "box-shadow-medium-10",
-        e
+        t
       ),
       sideOffset: 10,
-      position: l,
+      position: r,
       ...n,
-      children: /* @__PURE__ */ t(s.Viewport, { className: "!w-full ", children: a })
+      children: /* @__PURE__ */ e(s.Viewport, { className: "!w-full ", children: a })
     }
   ) });
 }
 function N({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     s.Label,
     {
       "data-slot": "select-label",
-      className: r(
+      className: l(
         "flex items-center gap-1 self-stretch text-text-neutral-secondary",
         "px-2 pt-2 pb-1",
         "leading-none-medium-sm",
-        e
+        t
       ),
       ...a
     }
   );
 }
-function S({ className: e, children: a, leftIcon: l, label: n, ...i }) {
+function S({ className: t, children: a, leftIcon: r, label: n, ...c }) {
   return /* @__PURE__ */ o(
     s.Item,
     {
       "data-slot": "select-item",
-      className: r(
+      className: l(
         "border-none w-full relative self-stretch flex items-center justify-between gap-2 cursor-pointer outline-none rounded-md",
         "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-text-neutral-muted",
         "p-2",
         // hover/active surface
         "data-[state=active]:surface-neutral-focused hover:surface-neutral-focused",
-        e
+        t
       ),
-      ...i,
+      ...c,
       children: [
-        /* @__PURE__ */ t(s.ItemText, { asChild: !0, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-center gap-2 flex-1 leading-none-medium-sm", children: [
-          l && /* @__PURE__ */ t("div", { className: "flex w-3.5 h-3.5 items-center justify-center", children: l }),
-          /* @__PURE__ */ t("div", { className: "flex-1", children: a || n })
+        /* @__PURE__ */ e(s.ItemText, { asChild: !0, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-center gap-2 flex-1 leading-none-medium-sm", children: [
+          r && /* @__PURE__ */ e("div", { className: "flex w-3.5 h-3.5 items-center justify-center", children: r }),
+          /* @__PURE__ */ e("div", { className: "flex-1", children: a || n })
         ] }) }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           s.ItemIndicator,
           {
             "data-slot": "select-item-indicator",
             className: "flex w-[14px] h-[14px] items-center justify-center",
-            children: /* @__PURE__ */ t(u, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ e(u, { className: "w-4 h-4" })
           }
         )
       ]
@@ -164,43 +166,43 @@ function S({ className: e, children: a, leftIcon: l, label: n, ...i }) {
   );
 }
 function y({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     s.Separator,
     {
       "data-slot": "select-separator",
-      className: r("border-t-[1px] border-solid border-stroke-solid-light my-1 mx-1", e),
+      className: l("border-t-[1px] border-solid border-stroke-solid-light my-1 mx-1", t),
       ...a
     }
   );
 }
 function Z({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     s.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: r("flex cursor-default items-center justify-center py-1", e),
+      className: l("flex cursor-default items-center justify-center py-1", t),
       ...a,
-      children: /* @__PURE__ */ t(d, { className: "size-4" })
+      children: /* @__PURE__ */ e(d, { className: "size-4" })
     }
   );
 }
 function j({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     s.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: r("flex cursor-default items-center justify-center py-1", e),
+      className: l("flex cursor-default items-center justify-center py-1", t),
       ...a,
-      children: /* @__PURE__ */ t(c, { className: "size-4" })
+      children: /* @__PURE__ */ e(i, { className: "size-4" })
     }
   );
 }

package/dist/index.js

@@ -4,7 +4,7 @@ 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 I } from "./components/collapsible-side-nav-bar/side-nav-bar-header.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 { 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";
@@ -13,7 +13,7 @@ import { Z2SideNavBarSeparator as M } from "./components/collapsible-side-nav-ba
 import { useZ2SideNavBar as h } 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 H, default as E } from "./components/assets/icons/sub-nav-indicator.js";
+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";
@@ -22,8 +22,8 @@ import { SIDEBAR_WIDTH as Y, SIDEBAR_WIDTH_COLLAPSED as j } from "./components/c
 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 To, Z2DropdownSub as Io, 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 Ho, Z2DropdownMenuSubContent as Eo, Z2DropdownMenuSubTrigger as No, Z2DropdownMenuTrigger as Fo } from "./components/dropdown-menu/z2-dropdown-menu.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";
@@ -34,14 +34,14 @@ 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 Ie } from "./components/table/table.js";
+import { TableBody as Te } from "./components/table/table.js";
 import { extractCellValue as Ce } 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 { BooleanCell as ye } from "./components/table/components/cell/boolean-cell.js";
-import { LinkCell as He } from "./components/table/components/cell/link-cell.js";
+import { LinkCell as Ee } 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";
@@ -61,12 +61,12 @@ 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 Ir, badgeVariants as Sr } from "./components/badge/badge.js";
+import { Badge as Tr, badgeVariants as Sr } 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 Hr, Z2BreadcrumbPage as Er, Z2BreadcrumbSeparator as Nr } from "./components/breadcrumb/z2-breadcrumb.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 { Check as Xr } from "./components/assets/icons/check.js";
@@ -83,7 +83,7 @@ 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 It } from "./components/assets/icons/media-record.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 gt } from "./components/assets/icons/octagon-warning-Copy.js";
 import { default as Bt } from "./components/assets/icons/pin.js";
@@ -91,7 +91,7 @@ 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 yt } from "./components/assets/icons/vector.js";
-import { XMark as Ht } from "./components/assets/icons/x-mark.js";
+import { XMark as Et } 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";
@@ -103,18 +103,19 @@ 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 { SegmentedControl as pa } from "./components/segmented-control/controller.js";
-import { SegmentedControlItem as na } from "./components/segmented-control/item.js";
-import { Popover as ma, PopoverAnchor as da, PopoverContent as xa, PopoverTrigger as ia } from "./components/popover/popover.js";
-import { Z2Table as Za, Z2TableBase as ca, Z2TableBody as sa, Z2TableBodyRow as ba, Z2TableBodyRowCell as Ta, Z2TableBodyRowExpandded as Ia, Z2TableBodyRowSkeleton as Sa, Z2TableBodyRowSkeletonCell as Ca, Z2TableEmpty as Da, Z2TableHead as ga, Z2TableHeadRow as wa, Z2TableHeadRowCell as Ba, Z2TableHeadRowCellResize as va, Z2TableLoader as La, Z2TableRowSelect as Ra, Z2TableRowSelectAll as Ma, Z2TableRowSpacer as Pa } from "./components/dynamic-table/z2-table.js";
-import { Z2TableContainer as Aa, Z2TableProvider as ya, Z2TableRoot as ka, useZ2Table as Ha } from "./components/dynamic-table/z2-table-context.js";
-import { Z2TablePagination as Na } from "./components/dynamic-table/z2-table-pagination.js";
-import { Z2TableColumnHeader as Ga } from "./components/dynamic-table/z2-column-header.js";
-import { Z2RadioCard as _a } from "./components/radio-card/radio-card.js";
-import { useTheme as Ua } from "./lib/theme.hook.js";
-import { cn as Xa } from "./lib/utils.js";
-import { Z2PopoverTrigger as Ja } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as Ya } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+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";
 export {
   p as Alert,
   m as AlertCirclesIcon,
@@ -125,7 +126,7 @@ export {
   Dr as Avatar,
   Ge as AvatarCell,
   gr as AvatarWithLabel,
-  Ir as Badge,
+  Tr as Badge,
   ye as BooleanCell,
   x as Button,
   ta as ChainIcon,
@@ -149,6 +150,7 @@ export {
   pt as DoubleChevronRightIcon,
   nt as DragHandleIcon,
   Zo as DropdownContext,
+  pa as EraserIcon,
   Wo as FileUploadArea,
   $t as FilterIcon,
   mt as HomeIcon,
@@ -156,11 +158,11 @@ export {
   Oo as Input,
   _e as LabelCell,
   ut as LeftArrowIcon,
-  He as LinkCell,
+  Ee as LinkCell,
   ct as LinkIcon,
   bt as ListTreeIcon,
   mr as MagnifierIcon,
-  It as MediaRecordIcon,
+  Tt as MediaRecordIcon,
   Ct as MinusIcon,
   zo as NavHeader,
   Qo as NavItem,
@@ -169,23 +171,23 @@ export {
   xr as PaginationInfo,
   ur as PaginationQuickJumper,
   Bt as PinIcon,
-  ma as Popover,
-  da as PopoverAnchor,
-  xa as PopoverContent,
-  ia as PopoverTrigger,
+  xa as Popover,
+  ia as PopoverAnchor,
+  ua as PopoverContent,
+  Za as PopoverTrigger,
   Y as SIDEBAR_WIDTH,
   j as SIDEBAR_WIDTH_COLLAPSED,
-  pa as SegmentedControl,
-  na as SegmentedControlItem,
+  na as SegmentedControl,
+  ma as SegmentedControlItem,
   z as SidebarLeftShowCopy,
   J as SidebarLeftShowCopyIcon,
   Lt as SitemapIcon,
   Mt as SliderIcon,
-  H as SubNavIndicator,
-  E as SubNavIndicatorIcon,
+  E as SubNavIndicator,
+  H as SubNavIndicatorIcon,
   we as TABLE_CSS_CLASSES,
   se as Table,
-  Ie as TableBody,
+  Te as TableBody,
   br as TableCard,
   Me as TableCell,
   Jt as TableCols2Icon,
@@ -208,13 +210,13 @@ export {
   U as WindowLeftCopy,
   O as WindowLeftCopyIcon,
   Nt as XIcon,
-  Ht as XMarkIcon,
+  Et as XMarkIcon,
   hr as Z2Breadcrumb,
   Ar as Z2BreadcrumbEllipsis,
   yr as Z2BreadcrumbItem,
   kr as Z2BreadcrumbLink,
-  Hr as Z2BreadcrumbList,
-  Er as Z2BreadcrumbPage,
+  Er as Z2BreadcrumbList,
+  Hr as Z2BreadcrumbPage,
   Nr as Z2BreadcrumbSeparator,
   oo as Z2Checkbox,
   Ut as Z2DataIcon,
@@ -231,7 +233,7 @@ export {
   co as Z2Dropdown,
   so as Z2DropdownContent,
   bo as Z2DropdownInput,
-  To as Z2DropdownItem,
+  Io as Z2DropdownItem,
   wo as Z2DropdownMenu,
   Bo as Z2DropdownMenuCheckboxItem,
   vo as Z2DropdownMenuContent,
@@ -243,19 +245,19 @@ export {
   Ao as Z2DropdownMenuRadioItem,
   yo as Z2DropdownMenuSeparator,
   ko as Z2DropdownMenuShortcut,
-  Ho as Z2DropdownMenuSub,
-  Eo as Z2DropdownMenuSubContent,
+  Eo as Z2DropdownMenuSub,
+  Ho as Z2DropdownMenuSubContent,
   No as Z2DropdownMenuSubTrigger,
   Fo as Z2DropdownMenuTrigger,
-  Io as Z2DropdownSub,
+  To as Z2DropdownSub,
   So as Z2DropdownSubContent,
   Co as Z2DropdownSubItem,
   Do as Z2DropdownSubTrigger,
   Gt as Z2Icon,
   y as Z2Popover,
-  Ya as Z2PopoverContent,
-  Ja as Z2PopoverTrigger,
-  _a as Z2RadioCard,
+  qa as Z2PopoverContent,
+  Ya as Z2PopoverTrigger,
+  Ua as Z2RadioCard,
   Gr as Z2RadioGroup,
   Wr as Z2RadioGroupIndicator,
   _r as Z2RadioGroupItem,
@@ -273,7 +275,7 @@ export {
   C as Z2SideNavBarContent,
   g as Z2SideNavBarFooter,
   B as Z2SideNavBarGroup,
-  I as Z2SideNavBarHeader,
+  T as Z2SideNavBarHeader,
   L as Z2SideNavBarItem,
   Z as Z2SideNavBarProvider,
   M as Z2SideNavBarSeparator,
@@ -281,28 +283,28 @@ export {
   _t as Z2SlashIcon,
   ne as Z2Stepper,
   me as Z2StepperItem,
-  Za as Z2Table,
-  ca as Z2TableBase,
-  sa as Z2TableBody,
-  ba as Z2TableBodyRow,
-  Ta as Z2TableBodyRowCell,
-  Ia as Z2TableBodyRowExpandded,
-  Sa as Z2TableBodyRowSkeleton,
-  Ca as Z2TableBodyRowSkeletonCell,
-  Ga as Z2TableColumnHeader,
-  Aa as Z2TableContainer,
-  Da as Z2TableEmpty,
-  ga as Z2TableHead,
-  wa as Z2TableHeadRow,
-  Ba as Z2TableHeadRowCell,
-  va as Z2TableHeadRowCellResize,
-  La as Z2TableLoader,
-  Na as Z2TablePagination,
-  ya as Z2TableProvider,
-  ka as Z2TableRoot,
-  Ra as Z2TableRowSelect,
-  Ma as Z2TableRowSelectAll,
-  Pa as Z2TableRowSpacer,
+  sa as Z2Table,
+  ba as Z2TableBase,
+  Ia as Z2TableBody,
+  Ta as Z2TableBodyRow,
+  Sa as Z2TableBodyRowCell,
+  Ca as Z2TableBodyRowExpandded,
+  Da as Z2TableBodyRowSkeleton,
+  ga as Z2TableBodyRowSkeletonCell,
+  _a as Z2TableColumnHeader,
+  ka 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,
+  Ha as Z2TableRoot,
+  Pa as Z2TableRowSelect,
+  ha as Z2TableRowSelectAll,
+  Aa as Z2TableRowSpacer,
   xe as Z2Tabs,
   ie as Z2TabsContent,
   ue as Z2TabsList,
@@ -311,10 +313,10 @@ export {
   cr as Z2Tooltip,
   Sr as badgeVariants,
   i as buttonVariants,
-  Xa as cn,
+  Ja as cn,
   Ce as extractCellValue,
   Le as useTableContext,
-  Ua as useTheme,
+  Xa as useTheme,
   h as useZ2SideNavBar,
-  Ha as useZ2Table
+  Na as useZ2Table
 };

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

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

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

@@ -41,3 +41,4 @@ export { default as ArrowLeftIcon } from './arrow-left';
 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';

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import * as Z2SelectPrimitive from '@radix-ui/react-select';
 declare function Z2Select({ ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function Z2SelectGroup({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function Z2SelectValue({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Value & {
-    rightIcon?: React.ReactNode;
-}>): import("react/jsx-runtime").JSX.Element;
+type Z2SelectValueProps = Omit<React.ComponentProps<typeof Z2SelectPrimitive.Value>, 'placeholder'> & {
+    placeholder?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+};
+declare function Z2SelectValue({ className, leftIcon, placeholder, ...props }: Z2SelectValueProps): import("react/jsx-runtime").JSX.Element;
 declare function Z2SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Trigger> & {
     size?: 'sm' | 'default';
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

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