@alexandregme/zljs 0.3.8 → 0.3.9

package/dist/index.js

@@ -714,25 +714,8 @@ var WhatsAppButton = ({
   return /* @__PURE__ */ jsx14(Button, { color: "success", icon: "SiWhatsapp", onClick: handleClick, children });
 };
 
-// core/heading/heading.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var levelStyles = {
-  1: "text-3xl font-bold",
-  2: "text-2xl font-bold",
-  3: "text-xl font-semibold",
-  4: "text-lg font-semibold",
-  5: "text-base font-medium",
-  6: "text-sm font-medium"
-};
-var colorStyles = {
-  primary: "text-blue-600",
-  success: "text-green-600",
-  danger: "text-red-600",
-  warning: "text-yellow-600",
-  info: "text-sky-600",
-  none: ""
-};
-var tags = {
+// core/heading/heading.const.ts
+var headingTags = {
   1: "h1",
   2: "h2",
   3: "h3",
@@ -740,10 +723,38 @@ var tags = {
   5: "h5",
   6: "h6"
 };
+
+// core/heading/heading.styles.ts
+import { tv as tv9 } from "tailwind-variants";
+var heading = tv9({
+  variants: {
+    level: {
+      1: "text-3xl font-bold",
+      2: "text-2xl font-bold",
+      3: "text-xl font-semibold",
+      4: "text-lg font-semibold",
+      5: "text-base font-medium",
+      6: "text-sm font-medium"
+    },
+    color: {
+      primary: "text-blue-600",
+      success: "text-green-600",
+      danger: "text-red-600",
+      warning: "text-yellow-600",
+      info: "text-sky-600",
+      none: ""
+    }
+  },
+  defaultVariants: {
+    level: 1
+  }
+});
+
+// core/heading/heading.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Heading = ({ children, level = 1, color }) => {
-  const Tag2 = tags[level];
-  const className = [levelStyles[level], color && colorStyles[color]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx15(Tag2, { className, children });
+  const Tag2 = headingTags[level];
+  return /* @__PURE__ */ jsx15(Tag2, { className: heading({ level, color }), children });
 };
 
 // core/sidebar/sidebar.tsx
@@ -751,8 +762,8 @@ import { useState as useState3 } from "react";
 import Link from "next/link";
 
 // core/sidebar/sidebar.styles.ts
-import { tv as tv9 } from "tailwind-variants";
-var sidebar = tv9({
+import { tv as tv10 } from "tailwind-variants";
+var sidebar = tv10({
   base: "h-screen bg-neutral-800 text-neutral-300 flex flex-col overflow-hidden transition-all duration-200",
   variants: {
     collapsed: {
@@ -764,16 +775,16 @@ var sidebar = tv9({
     collapsed: false
   }
 });
-var nav = tv9({
+var nav = tv10({
   base: "flex-1 min-h-0 overflow-y-auto overflow-x-hidden"
 });
-var header2 = tv9({
+var header2 = tv10({
   base: "shrink-0 border-b border-neutral-600/50 grid p-2"
 });
-var section = tv9({
+var section = tv10({
   base: "border-b border-neutral-600/50 last:border-b-0 grid gap-1 p-2"
 });
-var item = tv9({
+var item = tv10({
   base: "flex w-full items-center rounded-md text-sm whitespace-nowrap transition-colors cursor-pointer p-1",
   variants: {
     active: {
@@ -785,10 +796,10 @@ var item = tv9({
     active: false
   }
 });
-var itemIcon = tv9({
+var itemIcon = tv10({
   base: "p-2"
 });
-var itemLabel = tv9({
+var itemLabel = tv10({
   base: "truncate transition-all duration-200",
   variants: {
     collapsed: {
@@ -800,22 +811,22 @@ var itemLabel = tv9({
     collapsed: false
   }
 });
-var footer = tv9({
+var footer = tv10({
   base: "shrink-0 border-t border-neutral-600/50 p-3 flex items-center gap-3 whitespace-nowrap"
 });
-var avatar = tv9({
+var avatar = tv10({
   base: "shrink-0 w-8 h-8 rounded-full bg-neutral-600 text-white text-xs font-medium flex items-center justify-center"
 });
-var userInfo = tv9({
+var userInfo = tv10({
   base: "flex flex-col min-w-0"
 });
-var userName = tv9({
+var userName = tv10({
   base: "text-sm text-white truncate"
 });
-var userEmail = tv9({
+var userEmail = tv10({
   base: "text-xs text-neutral-400"
 });
-var toggleButton = tv9({
+var toggleButton = tv10({
   base: "shrink-0 border-t border-neutral-600/50 grid p-2 [&>button]:justify-start [&>button]:overflow-hidden [&>button]:whitespace-nowrap"
 });
 
@@ -1179,8 +1190,8 @@ var ConnectedModal = ({
 import { LoaderCircle } from "lucide-react";
 
 // core/spinner/spinner.styles.ts
-import { tv as tv10 } from "tailwind-variants";
-var spinner = tv10({
+import { tv as tv11 } from "tailwind-variants";
+var spinner = tv11({
   base: "animate-spin w-20 h-20 text-white stroke-[0.3]"
 });
 
@@ -1189,8 +1200,8 @@ import { jsx as jsx21 } from "react/jsx-runtime";
 var Spinner = ({ className }) => /* @__PURE__ */ jsx21(LoaderCircle, { className: spinner({ className }), strokeWidth: 1 });
 
 // core/loader/loader.styles.ts
-import { tv as tv11 } from "tailwind-variants";
-var overlay2 = tv11({
+import { tv as tv12 } from "tailwind-variants";
+var overlay2 = tv12({
   base: "flex fixed justify-center items-center w-full h-full bg-black/20 z-50"
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexandregme/zljs",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "Opinionated, accessible React component library for enterprise apps (Next.js, Tailwind CSS v4).",
   "keywords": [
     "react",