@ztwoint/z-ui 0.1.19 → 0.1.21

package/dist/index.d.ts

@@ -10,3 +10,4 @@ export * from './components/dialog/dialog';
 export * from './components/dialog/dialog';
 export * from './components/file-upload-area';
 export * from './components/stepper';
+export * from './components/select/z2-select';

package/dist/index.js

@@ -1,22 +1,22 @@
 /* empty css                    */
 import { Alert as t, AlertDescription as a, AlertTitle as p } from "./components/alert/alert.js";
-import { AlertCirclesIcon as f } from "./components/alert/icons/circles-icon.js";
-import { Button as x, buttonVariants as l } from "./components/button/button.js";
-import { NavHeader as d } from "./components/nav-header/nav-header.js";
-import { NavItem as s } from "./components/nav-header/nav-item/nav-item.js";
-import { Input as v } from "./components/input/input.js";
+import { AlertCirclesIcon as i } from "./components/alert/icons/circles-icon.js";
+import { Button as Z, buttonVariants as m } from "./components/button/button.js";
+import { NavHeader as S } from "./components/nav-header/nav-header.js";
+import { NavItem as d } from "./components/nav-header/nav-item/nav-item.js";
+import { Input as s } from "./components/input/input.js";
 import { CountryFlags as g } from "./components/country-flags/country-flags.js";
-import { Z2SideNavBarProvider as T } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
-import { Z2SideNavBar as B, Z2SidebarVariants as N } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
-import { Z2SideNavBarHeader as A } 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 L } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
+import { Z2SideNavBarProvider as u } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
+import { Z2SideNavBar as T, Z2SidebarVariants as B } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
+import { Z2SideNavBarHeader as N } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
+import { Z2SideNavBarContent as A } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
+import { Z2SideNavBarFooter as P } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
 import { Z2SideNavBarGroup as E } 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 U } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
-import { useZ2SideNavBar as h } from "./components/collapsible-side-nav-bar/context.js";
-import { Z2Popover as O } from "./components/collapsible-side-nav-bar/popover/popover.js";
-import { ChevronUpIcon as V } from "./components/assets/icons/chevron-up-icon.js";
+import { Z2SideNavBarSeparator as _ } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
+import { useZ2SideNavBar as V } from "./components/collapsible-side-nav-bar/context.js";
+import { Z2Popover as h } from "./components/collapsible-side-nav-bar/popover/popover.js";
+import { ChevronUpIcon as O } from "./components/assets/icons/chevron-up-icon.js";
 import { default as j } from "./components/assets/icons/sub-nav-indicator.js";
 import { default as q } from "./components/assets/icons/circles-icon.js";
 import { default as J } from "./components/assets/icons/database-copy.js";
@@ -24,61 +24,72 @@ import { default as M } from "./components/assets/icons/window-left-copy.js";
 import { default as X } from "./components/assets/icons/sidebar-left-show-copy.js";
 import { SIDEBAR_WIDTH as $, SIDEBAR_WIDTH_COLLAPSED as oo } from "./components/collapsible-side-nav-bar/constants.js";
 import { Z2Tabs as eo, Z2TabsContent as to, Z2TabsList as ao, Z2TabsTrigger as po } from "./components/tab/tab.js";
-import { Z2Tooltip as fo } from "./components/tooltip/tooltip.js";
-import { Z2Dialog as xo, Z2DialogClose as lo, Z2DialogContent as Zo, Z2DialogDescription as no, Z2DialogFooter as so, Z2DialogHeader as Do, Z2DialogOverlay as vo, Z2DialogPortal as So, Z2DialogTitle as go, Z2DialogTrigger as Co } from "./components/dialog/dialog.js";
-import { FileUploadArea as uo } from "./components/file-upload-area/file-upload-area.js";
-import { DEFAULT_ACCEPT as No } from "./components/file-upload-area/file-upload-area.const.js";
-import { Z2Stepper as Ao } from "./components/stepper/stepper.js";
-import { Z2PopoverTrigger as co } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as Lo } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2Tooltip as io } from "./components/tooltip/tooltip.js";
+import { Z2Dialog as Zo, Z2DialogClose as mo, Z2DialogContent as xo, Z2DialogDescription as So, Z2DialogFooter as no, Z2DialogHeader as co, Z2DialogOverlay as so, Z2DialogPortal as Do, Z2DialogTitle as go, Z2DialogTrigger as vo } from "./components/dialog/dialog.js";
+import { FileUploadArea as Co } from "./components/file-upload-area/file-upload-area.js";
+import { DEFAULT_ACCEPT as Bo } from "./components/file-upload-area/file-upload-area.const.js";
+import { Z2Stepper as No } from "./components/stepper/stepper.js";
+import { Z2Select as Ao, Z2SelectContent as Lo, Z2SelectGroup as Po, Z2SelectItem as yo, Z2SelectLabel as Eo, Z2SelectScrollDownButton as Fo, Z2SelectScrollUpButton as Ho, Z2SelectSeparator as Uo, Z2SelectTrigger as _o, Z2SelectValue as wo } from "./components/select/z2-select.js";
+import { Z2PopoverTrigger as Wo } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as Go } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   t as Alert,
-  f as AlertCirclesIcon,
+  i as AlertCirclesIcon,
   a as AlertDescription,
   p as AlertTitle,
-  x as Button,
-  V as ChevronUpIcon,
+  Z as Button,
+  O as ChevronUpIcon,
   q as CirclesIcon,
   g as CountryFlags,
-  No as DEFAULT_ACCEPT,
+  Bo as DEFAULT_ACCEPT,
   J as DatabaseCopy,
-  uo as FileUploadArea,
-  v as Input,
-  d as NavHeader,
-  s as NavItem,
+  Co as FileUploadArea,
+  s as Input,
+  S as NavHeader,
+  d as NavItem,
   $ as SIDEBAR_WIDTH,
   oo as SIDEBAR_WIDTH_COLLAPSED,
   X as SidebarLeftShowCopy,
   j as SubNavIndicator,
   M as WindowLeftCopy,
-  xo as Z2Dialog,
-  lo as Z2DialogClose,
-  Zo as Z2DialogContent,
-  no as Z2DialogDescription,
-  so as Z2DialogFooter,
-  Do as Z2DialogHeader,
-  vo as Z2DialogOverlay,
-  So as Z2DialogPortal,
+  Zo as Z2Dialog,
+  mo as Z2DialogClose,
+  xo as Z2DialogContent,
+  So as Z2DialogDescription,
+  no as Z2DialogFooter,
+  co as Z2DialogHeader,
+  so as Z2DialogOverlay,
+  Do as Z2DialogPortal,
   go as Z2DialogTitle,
-  Co as Z2DialogTrigger,
-  O as Z2Popover,
-  Lo as Z2PopoverContent,
-  co as Z2PopoverTrigger,
-  B as Z2SideNavBar,
-  c as Z2SideNavBarContent,
-  L as Z2SideNavBarFooter,
+  vo as Z2DialogTrigger,
+  h as Z2Popover,
+  Go as Z2PopoverContent,
+  Wo as Z2PopoverTrigger,
+  Ao as Z2Select,
+  Lo as Z2SelectContent,
+  Po as Z2SelectGroup,
+  yo as Z2SelectItem,
+  Eo as Z2SelectLabel,
+  Fo as Z2SelectScrollDownButton,
+  Ho as Z2SelectScrollUpButton,
+  Uo as Z2SelectSeparator,
+  _o as Z2SelectTrigger,
+  wo as Z2SelectValue,
+  T as Z2SideNavBar,
+  A as Z2SideNavBarContent,
+  P as Z2SideNavBarFooter,
   E as Z2SideNavBarGroup,
-  A as Z2SideNavBarHeader,
+  N as Z2SideNavBarHeader,
   H as Z2SideNavBarItem,
-  T as Z2SideNavBarProvider,
-  U as Z2SideNavBarSeparator,
-  N as Z2SidebarVariants,
-  Ao as Z2Stepper,
+  u as Z2SideNavBarProvider,
+  _ as Z2SideNavBarSeparator,
+  B as Z2SidebarVariants,
+  No as Z2Stepper,
   eo as Z2Tabs,
   to as Z2TabsContent,
   ao as Z2TabsList,
   po as Z2TabsTrigger,
-  fo as Z2Tooltip,
-  l as buttonVariants,
-  h as useZ2SideNavBar
+  io as Z2Tooltip,
+  m as buttonVariants,
+  V as useZ2SideNavBar
 };

package/dist/test/test-utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
 import { RenderOptions } from '@testing-library/react';
-declare const customRender: (ui: ReactElement<any>, options?: Omit<RenderOptions, "wrapper">) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+declare const customRender: (ui: ReactElement<unknown>, options?: Omit<RenderOptions, "wrapper">) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { customRender as render };

package/dist/types/components/assets/icons/apartment-building.d.ts

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

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

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

package/dist/types/components/assets/icons/circle-check.d.ts

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

package/dist/types/components/assets/icons/circles-icon.d.ts

@@ -4,5 +4,5 @@ type IconProps = SVGProps<SVGSVGElement> & {
     strokewidth?: number;
     title?: string;
 };
-declare function Circles5Copy({ fill, secondaryfill, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+declare function Circles5Copy({ fill, secondaryfill: _secondaryfill, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
 export default Circles5Copy;

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

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

package/dist/types/components/assets/icons/info-icon.d.ts

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

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

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

package/dist/types/components/assets/icons/list-tree.d.ts

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

package/dist/types/components/assets/icons/magnifier-icon.d.ts

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

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

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

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

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

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

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

package/dist/types/components/dropdown/helpers/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

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

@@ -0,0 +1,40 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import React from 'react';
+interface DropdownContextType {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    value: string;
+    setSelectedValue: (value: string) => void;
+    onValueChange?: (value: string) => void;
+}
+export declare const DropdownContext: React.Context<DropdownContextType | undefined>;
+declare function Z2Dropdown({ defaultOpen, value, onValueChange, ...props }: React.ComponentProps<typeof PopoverPrimitive.Root> & {
+    defaultOpen?: boolean;
+    value?: string;
+    onValueChange?: (value: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Z2DropdownInput({ onSearchChange, placeholder, className, selectedIcon, }: {
+    onSearchChange?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    selectedIcon?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Z2DropdownContent({ className, align, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export interface Z2DropdownItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactNode;
+    label?: string;
+    value: string;
+    disabled?: boolean;
+    disablePopoverClose?: boolean;
+    hoverComponent?: React.ReactNode;
+}
+declare function Z2DropdownItem({ icon, label, value, hoverComponent, disablePopoverClose, }: Z2DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+declare function Z2DropdownSub({ ...componentProps }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DropdownSubTrigger({ value, label, icon, isSelected, }: Z2DropdownItemProps & {
+    isSelected?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Z2DropdownSubContent({ className, align, sideOffset, side, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DropdownSubItem({ ...props }: Z2DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export { Z2Dropdown, Z2DropdownInput, Z2DropdownContent, Z2DropdownItem, Z2DropdownSub, Z2DropdownSubTrigger, Z2DropdownSubContent, Z2DropdownSubItem, };

package/dist/types/components/dropdown-menu/z2-dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu as Z2DropdownMenu, DropdownMenuPortal as Z2DropdownMenuPortal, DropdownMenuTrigger as Z2DropdownMenuTrigger, DropdownMenuContent as Z2DropdownMenuContent, DropdownMenuGroup as Z2DropdownMenuGroup, DropdownMenuLabel as Z2DropdownMenuLabel, DropdownMenuItem as Z2DropdownMenuItem, DropdownMenuCheckboxItem as Z2DropdownMenuCheckboxItem, DropdownMenuRadioGroup as Z2DropdownMenuRadioGroup, DropdownMenuRadioItem as Z2DropdownMenuRadioItem, DropdownMenuSeparator as Z2DropdownMenuSeparator, DropdownMenuShortcut as Z2DropdownMenuShortcut, DropdownMenuSub as Z2DropdownMenuSub, DropdownMenuSubTrigger as Z2DropdownMenuSubTrigger, DropdownMenuSubContent as Z2DropdownMenuSubContent, };

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

@@ -0,0 +1,21 @@
+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;
+declare function Z2SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): import("react/jsx-runtime").JSX.Element;
+declare function Z2SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function Z2SelectLabel({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+type Z2SelectItemProps = React.ComponentProps<typeof Z2SelectPrimitive.Item> & {
+    leftIcon?: React.ReactNode;
+    label?: string;
+};
+declare function Z2SelectItem({ className, children, leftIcon, label, ...props }: Z2SelectItemProps): import("react/jsx-runtime").JSX.Element;
+declare function Z2SelectSeparator({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function Z2SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function Z2SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Z2SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Z2Select, Z2SelectContent, Z2SelectGroup, Z2SelectItem, Z2SelectLabel, Z2SelectScrollDownButton, Z2SelectScrollUpButton, Z2SelectSeparator, Z2SelectTrigger, Z2SelectValue, };

package/dist/types/index.d.ts

@@ -11,3 +11,4 @@ export * from './components/dialog/dialog';
 export * from './components/dialog/dialog';
 export * from './components/file-upload-area';
 export * from './components/stepper';
+export * from './components/select/z2-select';

package/dist/types/test/test-utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
 import { RenderOptions } from '@testing-library/react';
-declare const customRender: (ui: ReactElement<any>, options?: Omit<RenderOptions, "wrapper">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+declare const customRender: (ui: ReactElement<unknown>, options?: Omit<RenderOptions, "wrapper">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { customRender as render };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -81,12 +81,18 @@
     "@fontsource-variable/inter": "^5.2.5",
     "@heroicons/react": "^2.2.0",
     "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-tooltip": "^1.2.7",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^0.525.0",
     "react-country-flag": "^3.1.0",
     "tailwind-merge": "^3.3.0",
     "vite-plugin-dts": "^4.5.4"