@ztwoint/z-ui 0.2.0-beta.1 → 0.2.0-beta.2

package/dist/types/index.d.ts

@@ -34,4 +34,8 @@ export * from './components/radio-card/radio-card';
 export * from './components/z2map';
 export * from './lib/theme.hook';
 export * from './lib/utils';
+export * from './components/breadcrumb/z2-breadcrumb';
+export * from './components/badge/badge';
+export * from './components/input/input';
+export * from './components/button/button';
 export * from './v2';

package/dist/types/v2/atoms/actions/breadcrumb-link.d.ts

@@ -1,9 +1,6 @@
-import { VariantProps } from 'class-variance-authority';
-declare const breadcrumbLinkVariants: (props?: ({
-    type?: "previous" | "current" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface Z2BreadcrumbLinkProps extends Omit<React.ComponentProps<'a'>, 'type' | 'children'>, VariantProps<typeof breadcrumbLinkVariants> {
+interface BreadcrumbLinkProps extends Omit<React.ComponentProps<'a'>, 'type' | 'children'> {
     label: string;
+    type: 'previous' | 'current';
 }
-declare function Z2BreadcrumbLink({ className, type, label, ...props }: Z2BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
-export { Z2BreadcrumbLink, type Z2BreadcrumbLinkProps };
+declare function BreadcrumbLink({ className, type, label, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+export { BreadcrumbLink, type BreadcrumbLinkProps };

package/dist/types/v2/atoms/actions/button.d.ts

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
+declare const z2ButtonVariants: (props?: ({
     variant?: "danger" | "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'children'>, VariantProps<typeof buttonVariants> {
+interface Z2ButtonProps extends Omit<React.ComponentProps<'button'>, 'children'>, VariantProps<typeof z2ButtonVariants> {
     asChild?: boolean;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
     label?: string;
 }
-declare function Button({ className, variant, size, asChild, leadingIcon, trailingIcon, label, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants, type ButtonProps };
+declare function Z2Button({ className, variant, size, asChild, leadingIcon, trailingIcon, label, ...props }: Z2ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Z2Button, z2ButtonVariants, type Z2ButtonProps };

package/dist/types/v2/atoms/inputs/input.d.ts

@@ -1,11 +1,10 @@
-type InputRoundness = 'FULL' | 'NONE' | 'LEFT' | 'RIGHT';
-type Semantic = 'info' | 'warning' | 'success' | 'danger';
-interface InputProps extends React.ComponentProps<'input'> {
+type Z2InputRoundness = 'FULL' | 'NONE' | 'LEFT' | 'RIGHT';
+type Z2Semantic = 'info' | 'warning' | 'success' | 'danger';
+interface Z2InputProps extends React.ComponentProps<'input'> {
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
-    roundness?: InputRoundness;
-    validationMessage?: string;
-    semantic?: Semantic;
+    roundness?: Z2InputRoundness;
+    semantic?: Z2Semantic;
     dimension?: 'small' | 'medium' | 'large';
 }
 declare const inputContainerVariants: (props?: ({
@@ -13,5 +12,5 @@ declare const inputContainerVariants: (props?: ({
     roundness?: "LEFT" | "RIGHT" | "FULL" | "NONE" | null | undefined;
     semantic?: "success" | "warning" | "danger" | "info" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Input({ className, type, leadingIcon, trailingIcon, dimension, roundness, semantic, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
-export { Input, type InputProps, type InputRoundness, type Semantic, inputContainerVariants };
+declare function Z2Input({ className, type, leadingIcon, trailingIcon, dimension, roundness, semantic, ...props }: Z2InputProps): import("react/jsx-runtime").JSX.Element;
+export { Z2Input, type Z2InputProps, type Z2InputRoundness, type Z2Semantic, inputContainerVariants, };

package/dist/types/v2/molecules/actions/breadcrumb-group.d.ts

@@ -1,6 +1,6 @@
-import { Z2BreadcrumbLinkProps } from '../../atoms/actions/breadcrumb-link';
+import { BreadcrumbLinkProps } from '../../atoms/actions/breadcrumb-link';
 interface Z2BreadcrumbGroupProps {
-    links: Z2BreadcrumbLinkProps[];
+    links: BreadcrumbLinkProps[];
 }
 declare const Z2BreadcrumbGroup: ({ links }: Z2BreadcrumbGroupProps) => import("react/jsx-runtime").JSX.Element;
 export { Z2BreadcrumbGroup, type Z2BreadcrumbGroupProps };

package/dist/types/v2/molecules/kpi-card/kpi-card.type.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Z2FeaturedIconProps } from '../../atoms/indicators/featured-icon';
-import { ButtonProps } from '../../atoms';
+import { Z2ButtonProps } from '../../atoms/actions/button';
 export interface Z2KpiCardProps extends React.ComponentProps<'div'> {
     header: Z2KpiCardHeaderProps;
     footer: Z2KpiCardFooterProps;
@@ -15,6 +15,6 @@ export interface Z2KpiCardFooterProps extends React.ComponentProps<'div'> {
 export interface Z2KpiCardHeaderProps extends React.ComponentProps<'div'> {
     title: string;
     description?: string;
-    infoButton?: ButtonProps;
-    moreActions?: ButtonProps;
+    infoButton?: Z2ButtonProps;
+    moreActions?: Z2ButtonProps;
 }

package/dist/types/v2/organisms/topbar.d.ts

@@ -1,6 +1,6 @@
-import { Z2BreadcrumbLinkProps } from '../atoms/actions/breadcrumb-link';
+import { BreadcrumbLinkProps } from '../atoms/actions/breadcrumb-link';
 interface TopbarProps extends React.ComponentProps<'div'> {
-    breadcrumbLinks: Z2BreadcrumbLinkProps[];
+    breadcrumbLinks: BreadcrumbLinkProps[];
 }
 declare const Topbar: ({ breadcrumbLinks, className, children, ...props }: TopbarProps) => import("react/jsx-runtime").JSX.Element;
 export { Topbar };

package/dist/v2/atoms/actions/breadcrumb-link.d.ts

@@ -1,9 +1,6 @@
-import { VariantProps } from 'class-variance-authority';
-declare const breadcrumbLinkVariants: (props?: ({
-    type?: "previous" | "current" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-interface Z2BreadcrumbLinkProps extends Omit<React.ComponentProps<'a'>, 'type' | 'children'>, VariantProps<typeof breadcrumbLinkVariants> {
+interface BreadcrumbLinkProps extends Omit<React.ComponentProps<'a'>, 'type' | 'children'> {
     label: string;
+    type: 'previous' | 'current';
 }
-declare function Z2BreadcrumbLink({ className, type, label, ...props }: Z2BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
-export { Z2BreadcrumbLink, type Z2BreadcrumbLinkProps };
+declare function BreadcrumbLink({ className, type, label, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+export { BreadcrumbLink, type BreadcrumbLinkProps };

package/dist/v2/atoms/actions/breadcrumb-link.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../lib/utils.js";
-import { cva as a } from "class-variance-authority";
-const l = a(
+import { cva as l } from "class-variance-authority";
+const a = l(
   "py-1 pr-1 inline-flex items-center gap-0.5 cursor-pointer transition-colors relative",
   {
     variants: {
@@ -27,18 +27,15 @@ const l = a(
           "active:text-neutral-700"
         ]
       }
-    },
-    defaultVariants: {
-      type: "previous"
     }
   }
 );
-function p({ className: i, type: e, label: o, ...s }) {
+function x({ className: i, type: e, label: o, ...s }) {
   return /* @__PURE__ */ n(
     "a",
     {
-      "data-slot": "z2-breadcrumb-link",
-      className: t(l({ type: e }), i),
+      "data-slot": "breadcrumb-link",
+      className: t(a({ type: e }), i),
       ...s,
       children: [
         /* @__PURE__ */ r(
@@ -57,5 +54,5 @@ function p({ className: i, type: e, label: o, ...s }) {
   );
 }
 export {
-  p as Z2BreadcrumbLink
+  x as BreadcrumbLink
 };

package/dist/v2/atoms/actions/button.d.ts

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
+declare const z2ButtonVariants: (props?: ({
     variant?: "danger" | "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'children'>, VariantProps<typeof buttonVariants> {
+interface Z2ButtonProps extends Omit<React.ComponentProps<'button'>, 'children'>, VariantProps<typeof z2ButtonVariants> {
     asChild?: boolean;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
     label?: string;
 }
-declare function Button({ className, variant, size, asChild, leadingIcon, trailingIcon, label, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants, type ButtonProps };
+declare function Z2Button({ className, variant, size, asChild, leadingIcon, trailingIcon, label, ...props }: Z2ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Z2Button, z2ButtonVariants, type Z2ButtonProps };

package/dist/v2/atoms/actions/button.js

@@ -2,8 +2,8 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { Slot as u } from "@radix-ui/react-slot";
 import "react";
 import { cn as m } from "../../../lib/utils.js";
-import { cva as b } from "class-variance-authority";
-const p = b(
+import { cva as p } from "class-variance-authority";
+const b = p(
   "cursor-pointer disabled:cursor-not-allowed not-italic font-medium tracking-normal inline-flex items-center justify-center transition-all disabled:text-neutral-400 disabled:pointer-events-none outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -39,10 +39,10 @@ function y({
   return /* @__PURE__ */ d(
     o ? u : "button",
     {
-      "data-slot": "button",
+      "data-slot": "z2-button",
       "data-variant": r,
       "data-size": t,
-      className: m(p({ variant: r, size: t, className: s })),
+      className: m(b({ variant: r, size: t, className: s })),
       ...l,
       children: [
         a && /* @__PURE__ */ e("span", { className: "py-0.5 [&_svg]:pointer-events-none [&_svg]:!max-w-3 [&_svg]:!max-h-3 [&_svg]:!aspect-square [&_svg]:shrink-0 ", children: a }),
@@ -53,6 +53,6 @@ function y({
   );
 }
 export {
-  y as Button,
-  p as buttonVariants
+  y as Z2Button,
+  b as z2ButtonVariants
 };

package/dist/v2/atoms/inputs/input.d.ts

@@ -1,11 +1,10 @@
-type InputRoundness = 'FULL' | 'NONE' | 'LEFT' | 'RIGHT';
-type Semantic = 'info' | 'warning' | 'success' | 'danger';
-interface InputProps extends React.ComponentProps<'input'> {
+type Z2InputRoundness = 'FULL' | 'NONE' | 'LEFT' | 'RIGHT';
+type Z2Semantic = 'info' | 'warning' | 'success' | 'danger';
+interface Z2InputProps extends React.ComponentProps<'input'> {
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
-    roundness?: InputRoundness;
-    validationMessage?: string;
-    semantic?: Semantic;
+    roundness?: Z2InputRoundness;
+    semantic?: Z2Semantic;
     dimension?: 'small' | 'medium' | 'large';
 }
 declare const inputContainerVariants: (props?: ({
@@ -13,5 +12,5 @@ declare const inputContainerVariants: (props?: ({
     roundness?: "LEFT" | "RIGHT" | "FULL" | "NONE" | null | undefined;
     semantic?: "success" | "warning" | "danger" | "info" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-declare function Input({ className, type, leadingIcon, trailingIcon, dimension, roundness, semantic, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
-export { Input, type InputProps, type InputRoundness, type Semantic, inputContainerVariants };
+declare function Z2Input({ className, type, leadingIcon, trailingIcon, dimension, roundness, semantic, ...props }: Z2InputProps): import("react/jsx-runtime").JSX.Element;
+export { Z2Input, type Z2InputProps, type Z2InputRoundness, type Z2Semantic, inputContainerVariants, };

package/dist/v2/atoms/inputs/input.js

@@ -89,6 +89,6 @@ function g({
   ) });
 }
 export {
-  g as Input,
+  g as Z2Input,
   p as inputContainerVariants
 };

package/dist/v2/molecules/actions/breadcrumb-group.d.ts

@@ -1,6 +1,6 @@
-import { Z2BreadcrumbLinkProps } from '../../atoms/actions/breadcrumb-link';
+import { BreadcrumbLinkProps } from '../../atoms/actions/breadcrumb-link';
 interface Z2BreadcrumbGroupProps {
-    links: Z2BreadcrumbLinkProps[];
+    links: BreadcrumbLinkProps[];
 }
 declare const Z2BreadcrumbGroup: ({ links }: Z2BreadcrumbGroupProps) => import("react/jsx-runtime").JSX.Element;
 export { Z2BreadcrumbGroup, type Z2BreadcrumbGroupProps };

package/dist/v2/molecules/actions/breadcrumb-group.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Z2BreadcrumbLink as i } from "../../atoms/actions/breadcrumb-link.js";
+import { BreadcrumbLink as i } from "../../atoms/actions/breadcrumb-link.js";
 const n = ({ links: a }) => /* @__PURE__ */ r("nav", { role: "navigation", "aria-label": "Breadcrumb", children: /* @__PURE__ */ r("ol", { className: "inline-flex items-center", children: a.map((e) => /* @__PURE__ */ r(i, { ...e }, e.label)) }) });
 export {
   n as Z2BreadcrumbGroup

package/dist/v2/molecules/kpi-card/kpi-card.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
 import "react";
 import { cn as d } from "../../../lib/utils.js";
 import c from "../../assets/icon.js";
-import { Button as m } from "../../atoms/actions/button.js";
+import { Z2Button as m } from "../../atoms/actions/button.js";
 import { Z2FeaturedIcon as f } from "../../atoms/indicators/featured-icon.js";
 const x = ({
   className: r,
@@ -73,10 +73,10 @@ function h({
     t && /* @__PURE__ */ e(f, { ...t })
   ] });
 }
-const j = ({ header: r, footer: l, ...a }) => /* @__PURE__ */ s(x, { ...a, children: [
+const Z = ({ header: r, footer: l, ...a }) => /* @__PURE__ */ s(x, { ...a, children: [
   /* @__PURE__ */ e(p, { ...r }),
   /* @__PURE__ */ e(h, { ...l })
 ] });
 export {
-  j as Z2KpiCard
+  Z as Z2KpiCard
 };

package/dist/v2/molecules/kpi-card/kpi-card.type.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Z2FeaturedIconProps } from '../../atoms/indicators/featured-icon';
-import { ButtonProps } from '../../atoms';
+import { Z2ButtonProps } from '../../atoms/actions/button';
 export interface Z2KpiCardProps extends React.ComponentProps<'div'> {
     header: Z2KpiCardHeaderProps;
     footer: Z2KpiCardFooterProps;
@@ -15,6 +15,6 @@ export interface Z2KpiCardFooterProps extends React.ComponentProps<'div'> {
 export interface Z2KpiCardHeaderProps extends React.ComponentProps<'div'> {
     title: string;
     description?: string;
-    infoButton?: ButtonProps;
-    moreActions?: ButtonProps;
+    infoButton?: Z2ButtonProps;
+    moreActions?: Z2ButtonProps;
 }

package/dist/v2/organisms/topbar.d.ts

@@ -1,6 +1,6 @@
-import { Z2BreadcrumbLinkProps } from '../atoms/actions/breadcrumb-link';
+import { BreadcrumbLinkProps } from '../atoms/actions/breadcrumb-link';
 interface TopbarProps extends React.ComponentProps<'div'> {
-    breadcrumbLinks: Z2BreadcrumbLinkProps[];
+    breadcrumbLinks: BreadcrumbLinkProps[];
 }
 declare const Topbar: ({ breadcrumbLinks, className, children, ...props }: TopbarProps) => import("react/jsx-runtime").JSX.Element;
 export { Topbar };

package/package.json

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