@ztwoint/z-ui 0.1.8 → 0.1.9

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/button/button';
+export * from './components/nav-header';
+export * from './components/input/input';
+export * from './components/country-flags/country-flags';
+export * from './components/collapsible-side-nav-bar';
+export * from './components/tab/tab';

package/dist/index.js

@@ -0,0 +1,59 @@
+/* empty css                    */
+import { Button as t, buttonVariants as a } from "./components/button/button.js";
+import { NavHeader as f } from "./components/nav-header/nav-header.js";
+import { NavItem as x } from "./components/nav-header/nav-item/nav-item.js";
+import { Input as i } from "./components/input/input.js";
+import { CountryFlags as v } from "./components/country-flags/country-flags.js";
+import { Z2SideNavBarProvider as Z } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
+import { Z2SideNavBar as u, Z2SidebarVariants as B } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
+import { Z2SideNavBarHeader as C } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
+import { Z2SideNavBarContent as b } 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 { Z2SideNavBarGroup as g } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
+import { Z2SideNavBarItem as P } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
+import { Z2SideNavBarSeparator as y } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
+import { useZ2SideNavBar as A } from "./components/collapsible-side-nav-bar/context.js";
+import { Z2Popover as W } from "./components/collapsible-side-nav-bar/popover/popover.js";
+import { ChevronUpIcon as h } from "./components/assets/icons/chevron-up-icon.js";
+import { default as F } from "./components/assets/icons/sub-nav-indicator.js";
+import { default as V } from "./components/assets/icons/circles-icon.js";
+import { default as O } from "./components/assets/icons/database-copy.js";
+import { default as j } from "./components/assets/icons/window-left-copy.js";
+import { default as q } from "./components/assets/icons/sidebar-left-show-copy.js";
+import { SIDEBAR_WIDTH as J, SIDEBAR_WIDTH_COLLAPSED as K } from "./components/collapsible-side-nav-bar/constants.js";
+import { Z2Tabs as Q, Z2TabsContent as X, Z2TabsList as Y, Z2TabsTrigger as $ } from "./components/tab/tab.js";
+import { Z2PopoverTrigger as or } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as tr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+export {
+  t as Button,
+  h as ChevronUpIcon,
+  V as CirclesIcon,
+  v as CountryFlags,
+  O as DatabaseCopy,
+  i as Input,
+  f as NavHeader,
+  x as NavItem,
+  J as SIDEBAR_WIDTH,
+  K as SIDEBAR_WIDTH_COLLAPSED,
+  q as SidebarLeftShowCopy,
+  F as SubNavIndicator,
+  j as WindowLeftCopy,
+  W as Z2Popover,
+  tr as Z2PopoverContent,
+  or as Z2PopoverTrigger,
+  u as Z2SideNavBar,
+  b as Z2SideNavBarContent,
+  l as Z2SideNavBarFooter,
+  g as Z2SideNavBarGroup,
+  C as Z2SideNavBarHeader,
+  P as Z2SideNavBarItem,
+  Z as Z2SideNavBarProvider,
+  y as Z2SideNavBarSeparator,
+  B as Z2SidebarVariants,
+  Q as Z2Tabs,
+  X as Z2TabsContent,
+  Y as Z2TabsList,
+  $ as Z2TabsTrigger,
+  a as buttonVariants,
+  A as useZ2SideNavBar
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

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

@@ -0,0 +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>;
+export * from '@testing-library/react';
+export { customRender as render };

package/dist/tokens/typography/typography.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const XSTypography: Story;
+export declare const SMTypography: Story;
+export declare const BaseTypography: Story;
+export declare const LGTypography: Story;
+export declare const XLTypography: Story;
+export declare const XXLTypography: Story;
+export declare const XXXLTypography: Story;
+export declare const XXXXLTypography: Story;

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

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

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

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

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

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

package/dist/types/components/assets/icons/database-copy.d.ts

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

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

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

package/dist/types/components/assets/icons/sidebar-left-show-copy.d.ts

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

package/dist/types/components/assets/icons/sub-nav-indicator.d.ts

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

package/dist/types/components/assets/icons/window-left-copy.d.ts

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

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

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

package/dist/types/components/button/__tests__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "filled" | "stroke" | "ghost" | null | undefined;
+    shade?: "neutral" | "brand" | "danger" | "neutralGhost" | null | undefined;
+    size?: "large" | "small" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'type'>, Omit<VariantProps<typeof buttonVariants>, 'iconOnly'> {
+    asChild?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    label?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/types/components/button/button.stories.d.ts

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from './button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const FilledNeutral: Story;
+export declare const FilledBrand: Story;
+export declare const FilledDanger: Story;
+export declare const StrokeNeutral: Story;
+export declare const StrokeDanger: Story;
+export declare const GhostNeutral: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const DisabledFilled: Story;
+export declare const DisabledStroke: Story;
+export declare const DisabledGhost: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithRightIcon: Story;
+export declare const WithBothIcons: Story;
+export declare const LargeIconOnly: Story;
+export declare const SmallIconOnly: Story;
+export declare const IconOnlyStroke: Story;
+export declare const IconOnlyGhost: Story;
+export declare const AllVariants: Story;
+export declare const SizeComparison: Story;
+export declare const UsageExamples: Story;

package/dist/types/components/collapsible-side-nav-bar/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDEBAR_WIDTH = "15rem";
+export declare const SIDEBAR_WIDTH_COLLAPSED = "2.625rem";

package/dist/types/components/collapsible-side-nav-bar/context.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Z2SideNavBarContextType } from './types';
+export declare const Z2SideNavBarContext: React.Context<Z2SideNavBarContextType | null>;
+export declare const useZ2SideNavBar: () => Z2SideNavBarContextType;

package/dist/types/components/collapsible-side-nav-bar/index.d.ts

@@ -0,0 +1,18 @@
+export { Z2SideNavBarProvider } from './side-nav-bar-provider';
+export { Z2SideNavBar, Z2SidebarVariants } from './side-nav-bar';
+export { Z2SideNavBarHeader } from './side-nav-bar-header';
+export { Z2SideNavBarContent } from './side-nav-bar-content';
+export { Z2SideNavBarFooter } from './side-nav-bar-footer';
+export { Z2SideNavBarGroup } from './side-nav-bar-group';
+export { Z2SideNavBarItem } from './side-nav-bar-item';
+export { Z2SideNavBarSeparator } from './side-nav-bar-separator';
+export { useZ2SideNavBar } from './context';
+export type { Z2SideNavBarContextType, Z2SideNavBarProviderProps, Z2SideNavBarProps, Z2SideNavBarHeaderProps, Z2SideNavBarContentProps, Z2SideNavBarFooterProps, Z2SideNavBarGroupProps, Z2SideNavBarItemProps, Z2SideNavBarSeparatorProps, Z2SubNavItem, Z2PopoverContextType, Z2PopoverProps, Z2PopoverTriggerProps, Z2PopoverContentProps, Z2IconProps, } from './types';
+export { Z2Popover, Z2PopoverTrigger, Z2PopoverContent } from './popover/popover';
+export { ChevronUpIcon } from '../assets/icons/chevron-up-icon';
+export { default as SubNavIndicator } from '../assets/icons/sub-nav-indicator';
+export { default as CirclesIcon } from '../assets/icons/circles-icon';
+export { default as DatabaseCopy } from '../assets/icons/database-copy';
+export { default as WindowLeftCopy } from '../assets/icons/window-left-copy';
+export { default as SidebarLeftShowCopy } from '../assets/icons/sidebar-left-show-copy';
+export { SIDEBAR_WIDTH, SIDEBAR_WIDTH_COLLAPSED } from './constants';

package/dist/types/components/collapsible-side-nav-bar/popover/index.d.ts

@@ -0,0 +1,3 @@
+export { Z2Popover, Z2PopoverContext } from './popover';
+export { Z2PopoverTrigger } from './popover-trigger';
+export { Z2PopoverContent } from './popover-content';

package/dist/types/components/collapsible-side-nav-bar/popover/popover-content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2PopoverContentProps } from '../types';
+export declare const Z2PopoverContent: React.ForwardRefExoticComponent<Z2PopoverContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/popover/popover-trigger.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2PopoverTriggerProps } from '../types';
+export declare const Z2PopoverTrigger: React.ForwardRefExoticComponent<Z2PopoverTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/popover/popover.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Z2PopoverProps, Z2PopoverContextType } from '../types';
+export declare const Z2PopoverContext: React.Context<Z2PopoverContextType | null>;
+export declare const Z2Popover: {
+    ({ children, delayDuration }: Z2PopoverProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Z2PopoverTrigger } from './popover-trigger';
+export { Z2PopoverContent } from './popover-content';

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarContentProps } from './types';
+export declare const Z2SideNavBarContent: React.ForwardRefExoticComponent<Z2SideNavBarContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-footer.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarFooterProps } from './types';
+export declare const Z2SideNavBarFooter: React.ForwardRefExoticComponent<Z2SideNavBarFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-group.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarGroupProps } from './types';
+export declare const Z2SideNavBarGroup: React.ForwardRefExoticComponent<Z2SideNavBarGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-header.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarHeaderProps } from './types';
+export declare const Z2SideNavBarHeader: React.ForwardRefExoticComponent<Z2SideNavBarHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarItemProps } from './types';
+export declare const Z2SideNavBarItem: React.ForwardRefExoticComponent<Z2SideNavBarItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-provider.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarProviderProps } from './types';
+export declare const Z2SideNavBarProvider: React.ForwardRefExoticComponent<Z2SideNavBarProviderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar-separator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Z2SideNavBarSeparatorProps } from './types';
+export declare const Z2SideNavBarSeparator: React.ForwardRefExoticComponent<Z2SideNavBarSeparatorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Z2SideNavBarProps } from './types';
+export declare const Z2SidebarVariants: (props?: ({
+    variant?: "default" | "inset" | "floating" | null | undefined;
+    side?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Z2SideNavBar: React.ForwardRefExoticComponent<Z2SideNavBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/collapsible-side-nav-bar/side-nav-bar.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Z2SideNavBar } from './index';
+declare const meta: Meta<typeof Z2SideNavBar>;
+export default meta;
+type Story = StoryObj<typeof Z2SideNavBar>;
+export declare const Default: Story;

package/dist/types/components/collapsible-side-nav-bar/types.d.ts

@@ -0,0 +1,84 @@
+import * as React from 'react';
+export interface Z2SideNavBarContextType {
+    isCollapsed: boolean;
+    toggleCollapsed: () => void;
+}
+export interface Z2SideNavBarProviderProps {
+    children: React.ReactNode;
+    defaultCollapsed?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export interface Z2SideNavBarProps {
+    className?: string;
+    children?: React.ReactNode;
+    variant?: 'default' | 'floating' | 'inset';
+    side?: 'left' | 'right';
+}
+export interface Z2SideNavBarHeaderProps {
+    className?: string;
+    children?: React.ReactNode;
+    showCollapseButton?: boolean;
+    icon?: React.ReactNode;
+    title?: string;
+    forceMultiLine?: boolean;
+}
+export interface Z2SideNavBarContentProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface Z2SideNavBarFooterProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface Z2SideNavBarGroupProps {
+    className?: string;
+    children?: React.ReactNode;
+    title?: string;
+}
+export interface Z2SubNavItem {
+    id: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    isActive?: boolean;
+}
+export interface Z2SideNavBarItemProps {
+    className?: string;
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    label?: string;
+    href?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+    tooltip?: string;
+    subItems?: Z2SubNavItem[];
+}
+export interface Z2SideNavBarSeparatorProps {
+    className?: string;
+}
+export interface Z2PopoverContextType {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    triggerId: string;
+    cancelClose?: () => void;
+    scheduleClose?: () => void;
+}
+export interface Z2PopoverProps {
+    children: React.ReactNode;
+    delayDuration?: number;
+}
+export interface Z2PopoverTriggerProps {
+    children: React.ReactNode;
+    asChild?: boolean;
+}
+export interface Z2PopoverContentProps {
+    children: React.ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+export interface Z2IconProps {
+    className?: string;
+    style?: React.CSSProperties;
+}

package/dist/types/components/country-flags/__tests__/country-flags.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/country-flags/country-flags.d.ts

@@ -0,0 +1,8 @@
+import ReactCountryFlag from 'react-country-flag';
+import { ComponentProps } from 'react';
+interface CountryFlagsProps extends Omit<ComponentProps<typeof ReactCountryFlag>, 'countryCode'> {
+    countryCode?: string;
+    className?: string;
+}
+export declare const CountryFlags: ({ countryCode, className, ...props }: CountryFlagsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/country-flags/country-flags.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CountryFlags } from './country-flags';
+declare const meta: Meta<typeof CountryFlags>;
+export default meta;
+type Story = StoryObj<typeof CountryFlags>;
+export declare const Default: Story;
+export declare const CustomSize: Story;
+export declare const SmallFlag: Story;
+export declare const LargeFlag: Story;
+export declare const CustomStyling: Story;
+export declare const DifferentCountries: Story;

package/dist/types/components/input/__tests__/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Input: React.FC<React.InputHTMLAttributes<HTMLInputElement>>;

package/dist/types/components/nav-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './nav-header';
+export * from './nav-item/nav-item';

package/dist/types/components/nav-header/nav-header.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { NavItemProps } from './nav-item/nav-item';
+export type { NavItemProps } from './nav-item/nav-item';
+export declare const NavHeader: {
+    Root: {
+        ({ className, children, ...props }: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    List: {
+        ({ className, children, ...props }: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ className, ...props }: NavItemProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default NavHeader;

package/dist/types/components/nav-header/nav-header.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavHeader } from './nav-header';
+declare const meta: Meta<typeof NavHeader.Root>;
+export default meta;
+type Story = StoryObj<typeof NavHeader.Root>;
+export declare const Default: Story;
+export declare const WithTwoActiveItem: Story;

package/dist/types/components/nav-header/nav-item/nav-item.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ButtonProps } from '../../button/button';
+export interface NavItemProps extends ButtonProps {
+    isActive?: boolean;
+}
+export declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/nav-header/nav-item/nav-item.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavItem } from './nav-item';
+declare const meta: Meta<typeof NavItem>;
+export default meta;
+type Story = StoryObj<typeof NavItem>;
+export declare const Default: Story;
+export declare const DefaultActive: Story;
+export declare const DefaultDualIcon: Story;
+export declare const DualIconActive: Story;
+export declare const LinkWithLeftIcon: Story;
+export declare const LinkWithBothIcons: Story;
+export declare const LinkActiveAndInactive: Story;

package/dist/types/components/tab/__tests__/tab.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare function Z2Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Z2TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function Z2TabsTrigger({ className, icon, label, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger> & {
+    icon?: React.ReactNode;
+    label?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Z2TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Z2Tabs, Z2TabsList, Z2TabsTrigger, Z2TabsContent };

package/dist/types/components/tab/tab.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Z2Tabs } from './tab';
+declare const meta: Meta<typeof Z2Tabs>;
+export default meta;
+type Story = StoryObj<typeof Z2Tabs>;
+export declare const Default: Story;
+export declare const WithCustomIcons: Story;
+export declare const FewZ2Tabs: Story;
+export declare const WithDisabledTab: Story;
+export declare const IconOnly: Story;
+export declare const TextOnly: Story;
+export declare const MixedContent: Story;
+export declare const TwoZ2Tabs: Story;
+export declare const LongLabels: Story;
+export declare const ControlledExample: Story;
+export declare const CustomStyling: Story;

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+import './styles/tailwind.css';
+export * from './components/button/button';
+export * from './components/nav-header';
+export * from './components/input/input';
+export * from './components/country-flags/country-flags';
+export * from './components/collapsible-side-nav-bar';
+export * from './components/tab/tab';

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/types/main.d.ts

@@ -0,0 +1 @@
+import '../src/styles/tailwind.css';

package/dist/types/test/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +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>;
+export * from '@testing-library/react';
+export { customRender as render };

package/dist/types/tokens/typography/typography.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const XSTypography: Story;
+export declare const SMTypography: Story;
+export declare const BaseTypography: Story;
+export declare const LGTypography: Story;
+export declare const XLTypography: Story;
+export declare const XXLTypography: Story;
+export declare const XXXLTypography: Story;
+export declare const XXXXLTypography: Story;

package/package.json

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