@levo-so/blocks 0.1.116 → 0.2.2

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@levo-so/blocks",
   "description": "Set of blocks for Levo studio",
-  "version": "0.1.116",
+  "version": "0.2.2",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "dependencies": {
+    "clsx": "2.1.1",
     "dayjs": "1.11.13",
-    "embla-carousel-auto-scroll": "8.6.0",
-    "embla-carousel-react": "8.6.0",
     "lucide-react": "0.575.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.1.113",
-    "@levo-so/react": "0.1.113",
-    "@levo/ts-config": "0.0.0",
-    "@levo-so/studio": "0.1.115"
+    "@levo-so/core": "0.2.1",
+    "@levo-so/studio": "0.2.2",
+    "@levo-so/react": "0.2.1",
+    "@levo/ts-config": "0.0.0"
   },
   "exports": {
     ".": "./src/index.ts"
@@ -30,9 +30,9 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@levo-so/core": "0.1.113",
-    "@levo-so/react": "0.1.113",
-    "@levo-so/studio": "0.1.115"
+    "@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-so/react";
 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-so/react";
 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-so/react";
 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,4 +1,4 @@
-import { cn, errorToast, Spinner, successToast, useLevo } from "@levo-so/react";
+import { errorToast, successToast, useLevo } from "@levo-so/react";
 import {
   Box,
   Container,
@@ -12,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/blocks/users/edit-profile.tsx

@@ -1,4 +1,7 @@
-import { errorHandler, Spinner, successToast, useLevo } from "@levo-so/react";
+import { errorHandler, useLevo, successToast } from "@levo-so/react";
+
+import { Spinner } from "../../components/Spinner";
+
 import {
   Box,
   Button,

package/src/components/Spinner.tsx

@@ -0,0 +1,10 @@
+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)} />
+);
+
+export default Spinner;

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;

package/src/constants/index.ts

@@ -1,16 +0,0 @@
-export const LEVO_DEFAULT_BLUE_IMAGE = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-  kind: "image",
-  mimetype: "image/png",
-  srcset: {
-    "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-    "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-    "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-  },
-};