@levo-so/blocks 0.2.1 → 0.2.2

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@levo-so/blocks",
   "description": "Set of blocks for Levo studio",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "dependencies": {
+    "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "lucide-react": "0.575.0",
-    "use-debounce": "10.0.2",
-    "@levo/utils": "0.0.0"
+    "tailwind-merge": "2.4.0",
+    "use-debounce": "10.0.2"
   },
   "devDependencies": {
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "typescript": "5.9.3",
     "@levo-so/core": "0.2.1",
+    "@levo-so/studio": "0.2.2",
     "@levo-so/react": "0.2.1",
-    "@levo/ts-config": "0.0.0",
-    "@levo-so/studio": "0.2.1"
+    "@levo/ts-config": "0.0.0"
   },
   "exports": {
     ".": "./src/index.ts"
@@ -29,9 +30,9 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@levo-so/core": "0.2.1",
-    "@levo-so/studio": "0.2.1",
-    "@levo-so/react": "0.2.1"
+    "@levo-so/react": "0.2.1",
+    "@levo-so/studio": "0.2.2",
+    "@levo-so/core": "0.2.1"
   },
   "publishConfig": {
     "access": "public"

package/src/blocks/navbar/navbar-1.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { cn } from "@levo/utils/cn";
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
 import {
   Box,
@@ -19,6 +18,7 @@ import {
 import { ChevronDown, Menu, X } from "lucide-react";
 import React, { useEffect, useState } from "react";
 
+import { cn } from "../../utils/cn";
 import type { INavbar1Content } from "./navbar-1.schema";
 
 const DropdownNavigationItem: React.FC<{

package/src/blocks/navbar/navbar-3.tsx

@@ -1,4 +1,3 @@
-import { cn } from "@levo/utils/cn";
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
 import {
   Box,
@@ -18,6 +17,7 @@ import { ChevronDown, ChevronRight, Menu, X } from "lucide-react";
 import React, { useEffect, useState } from "react";
 
 import { toArray } from "../../utils/array";
+import { cn } from "../../utils/cn";
 import type { INavbar3Content } from "./navbar-3.schema";
 
 const NestedDropdownItem: React.FC<{

package/src/blocks/navbar/navbar-4.tsx

@@ -1,4 +1,3 @@
-import { cn } from "@levo/utils/cn";
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
 import {
   Box,
@@ -17,6 +16,7 @@ import {
 import { ChevronDown, ChevronRight, Menu, X } from "lucide-react";
 import React, { useEffect, useState } from "react";
 
+import { cn } from "../../utils/cn";
 import type { INavbar3Content } from "./navbar-3.schema";
 
 const NestedDropdownItem: React.FC<{

package/src/blocks/polling/polling-1.tsx

@@ -1,8 +1,4 @@
-import { useLevo, errorToast, successToast } from "@levo-so/react";
-
-import { Spinner } from "../../components/Spinner";
-import { cn } from "@levo/utils/cn";
-
+import { errorToast, successToast, useLevo } from "@levo-so/react";
 import {
   Box,
   Container,
@@ -16,6 +12,8 @@ import {
 import { CircleCheckBig, LoaderCircle } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 
+import { Spinner } from "../../components/Spinner";
+import { cn } from "../../utils/cn";
 import type { IPolling1Content } from "./polling-1.schema";
 
 const POLLS_RESPONSE_SAMPLE = {

package/src/components/Spinner.tsx

@@ -1,6 +1,7 @@
-import { cn } from "@levo/utils/cn";
 import { Loader2 } from "lucide-react";
 
+import { cn } from "../utils/cn";
+
 /** Indeterminate loading spinner. */
 export const Spinner = ({ className }: { className?: string }) => (
   <Loader2 className={cn("h-8 w-8 animate-spin font-light", className)} />

package/src/utils/cn.ts

@@ -0,0 +1,14 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+/**
+ * Merge conditional class names, de-duplicating conflicting Tailwind utilities.
+ * Inlined here (rather than importing `@levo/utils/cn`) because `@levo-so/blocks`
+ * publishes to npm as raw source — a `@levo/utils` dependency is private and
+ * unpublished, so consumers hit ERR_PNPM_FETCH_404 resolving it.
+ */
+export const cn = (...inputs: ClassValue[]) => {
+  return twMerge(clsx(inputs));
+};
+
+export default cn;