@ztwoint/z-ui 0.1.89 → 0.1.90

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

@@ -1,4 +1,4 @@
-export type StepperState = 'active' | 'completed' | 'disabled';
+export type StepperState = 'active' | 'completed' | 'disabled' | 'completed-disabled';
 export type StepperItemType = {
     id: string;
     label: string;

package/dist/components/stepper-item/stepper-item.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const z2StepperItemVariants: (props?: ({
-    state?: "disabled" | "active" | "completed" | null | undefined;
+    state?: "disabled" | "active" | "completed" | "completed-disabled" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export interface Z2StepperItemProps extends React.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof z2StepperItemVariants> {
     label: string;

package/dist/components/stepper-item/stepper-item.js

@@ -1,36 +1,37 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import * as c from "react";
-import { cva as p } from "class-variance-authority";
-import { cn as l } from "../../lib/utils.js";
-import f from "../assets/icons/circle-check-filled.js";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import * as p from "react";
+import { cva as u } from "class-variance-authority";
+import { cn as a } from "../../lib/utils.js";
+import d from "../assets/icons/circle-check-filled.js";
 import o from "../assets/icons/media-record.js";
-const u = p("w-fit flex items-center select-none gap-2", {
+const f = u("w-fit flex items-center select-none gap-2", {
   variants: {
     state: {
       active: "cursor-pointer",
       completed: "opacity-100 cursor-pointer",
-      disabled: "cursor-not-allowed"
+      disabled: "cursor-not-allowed",
+      "completed-disabled": "cursor-not-allowed"
     }
   },
   defaultVariants: {
     state: "active"
   }
-}), h = "rounded-full transition-colors w-4 h-4 border-none", b = c.forwardRef(
-  ({ label: a, state: e = "active", className: n, ...s }, d) => {
-    let r, t;
-    return e === "completed" ? (r = /* @__PURE__ */ i(f, { fill: "var(--blue-500)", width: 16, height: 16 }), t = "text-neutral-primary leading-none-medium-sm") : e === "active" ? (r = /* @__PURE__ */ i(o, { fill: "var(--blue-500)", width: 16, height: 16 }), t = "text-neutral-primary leading-none-medium-sm") : (r = /* @__PURE__ */ i(o, { fill: "var(--neutral-500)", width: 16, height: 16 }), t = "text-neutral-secondary leading-none-medium-sm"), /* @__PURE__ */ m(
+}), h = "rounded-full transition-colors w-4 h-4 border-none", b = p.forwardRef(
+  ({ label: t, state: e = "active", className: n, ...s }, m) => {
+    let l, r;
+    return e === "completed" ? (l = /* @__PURE__ */ i(d, { fill: "var(--blue-500)", width: 16, height: 16 }), r = "text-neutral-primary leading-none-medium-sm") : e === "completed-disabled" ? (l = /* @__PURE__ */ i(d, { fill: "var(--neutral-500)", width: 16, height: 16 }), r = "text-neutral-secondary leading-none-medium-sm") : e === "active" ? (l = /* @__PURE__ */ i(o, { fill: "var(--blue-500)", width: 16, height: 16 }), r = "text-neutral-primary leading-none-medium-sm") : (l = /* @__PURE__ */ i(o, { fill: "var(--neutral-500)", width: 16, height: 16 }), r = "text-neutral-secondary leading-none-medium-sm"), /* @__PURE__ */ c(
       "button",
       {
-        ref: d,
-        className: l(u({ state: e }), n),
-        "aria-disabled": e === "disabled",
+        ref: m,
+        className: a(f({ state: e }), n),
+        "aria-disabled": e === "disabled" || e === "completed-disabled",
         title: e || "disabled",
-        disabled: e === "disabled",
-        "aria-label": a,
+        disabled: e === "disabled" || e === "completed-disabled",
+        "aria-label": t,
         ...s,
         children: [
-          /* @__PURE__ */ i("span", { className: h, children: r }),
-          /* @__PURE__ */ i("span", { className: l(t), children: a })
+          /* @__PURE__ */ i("span", { className: h, children: l }),
+          /* @__PURE__ */ i("span", { className: a(r), children: t })
         ]
       }
     );

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

@@ -1,4 +1,4 @@
-export type StepperState = 'active' | 'completed' | 'disabled';
+export type StepperState = 'active' | 'completed' | 'disabled' | 'completed-disabled';
 export type StepperItemType = {
     id: string;
     label: string;

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const z2StepperItemVariants: (props?: ({
-    state?: "disabled" | "active" | "completed" | null | undefined;
+    state?: "disabled" | "active" | "completed" | "completed-disabled" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface Z2StepperItemProps extends React.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof z2StepperItemVariants> {
     label: string;

package/package.json

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