@versini/ui-header 5.0.3 → 5.1.0

package/dist/index.d.ts

@@ -1,53 +1,52 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const HEADER_CLASSNAME = "av-header";
-
-type HeaderProps = {
-	/**
-	 * The children to render.
-	 */
-	children: React.ReactNode;
-	/**
-	 * CSS class(es) to add to the main component wrapper.
-	 */
-	className?: string;
-	/**
-	 * The mode of Header. This will change the background color.
-	 */
-	mode?: "dark" | "light" | "system" | "alt-system";
-	/**
-	 * Whether or not to render the Header component with colors.
-	 * @default false
-	 */
-	noColors?: boolean;
-	/**
-	 * Whether or not to render the Header component with no styles.
-	 * @default false
-	 */
-	raw?: boolean;
-	/**
-	 * Whether or not to render the Header component with sticky behavior.
-	 * @default false
-	 */
-	sticky?: boolean;
-	/**
-	 * Whether or not to render the Header component with no border.
-	 * @default false
-	 */
-	noBorder?: boolean;
-	/**
-	 * Whether or not to render the Header component with no margin.
-	 * @default false
-	 */
-	noMargin?: boolean;
-	/**
-	 * Whether or not to render the Header component with no padding.
-	 * @default false
-	 */
-	noPadding?: boolean;
-} & React.HTMLAttributes<HTMLElement> &
-	React.ComponentPropsWithRef<"header">;
-
-declare const Header: ({ children, className, raw, mode, noColors, sticky, noBorder, noMargin, noPadding, ...otherProps }: HeaderProps) => react_jsx_runtime.JSX.Element;
-
-export { HEADER_CLASSNAME, Header };
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Header: ({ children, className, raw, mode, noColors, sticky, noBorder, noMargin, noPadding, ...otherProps }: HeaderProps) => JSX.Element;
+
+export declare const HEADER_CLASSNAME = "av-header";
+
+declare type HeaderProps = {
+    /**
+     * The children to render.
+     */
+    children: React.ReactNode;
+    /**
+     * CSS class(es) to add to the main component wrapper.
+     */
+    className?: string;
+    /**
+     * The mode of Header. This will change the background color.
+     */
+    mode?: "dark" | "light" | "system" | "alt-system";
+    /**
+     * Whether or not to render the Header component with colors.
+     * @default false
+     */
+    noColors?: boolean;
+    /**
+     * Whether or not to render the Header component with no styles.
+     * @default false
+     */
+    raw?: boolean;
+    /**
+     * Whether or not to render the Header component with sticky behavior.
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Whether or not to render the Header component with no border.
+     * @default false
+     */
+    noBorder?: boolean;
+    /**
+     * Whether or not to render the Header component with no margin.
+     * @default false
+     */
+    noMargin?: boolean;
+    /**
+     * Whether or not to render the Header component with no padding.
+     * @default false
+     */
+    noPadding?: boolean;
+} & React.HTMLAttributes<HTMLElement> & React.ComponentPropsWithRef<"header">;
+
+export { }

package/dist/index.js

@@ -1,18 +1,65 @@
-import { HEADER_CLASSNAME as o, Header as E } from "./components/Header/Header.js";
 /*!
-  @versini/ui-header v5.0.3
+  @versini/ui-header v5.1.0
   © 2025 gizmette.com
 */
 try {
-  window.__VERSINI_UI_HEADER__ || (window.__VERSINI_UI_HEADER__ = {
-    version: "5.0.3",
-    buildTime: "10/20/2025 07:55 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
+  if (!window.__VERSINI_UI_HEADER__) {
+    window.__VERSINI_UI_HEADER__ = {
+      version: "5.1.0",
+      buildTime: "11/04/2025 03:44 PM EST",
+      homepage: "https://github.com/aversini/ui-components",
+      license: "MIT",
+    };
+  }
+} catch (error) {
+  // nothing to declare officer
 }
-export {
-  o as HEADER_CLASSNAME,
-  E as Header
+
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+
+;// CONCATENATED MODULE: ./src/common/constants.ts
+const HEADER_CLASSNAME = "av-header";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "clsx"
+
+;// CONCATENATED MODULE: ./src/components/Header/Header.tsx
+
+
+
+const Header = ({ children, className, raw = false, mode = "system", noColors = false, sticky = false, noBorder = false, noMargin = false, noPadding = false, ...otherProps })=>{
+    const headerClass = clsx(HEADER_CLASSNAME, {
+        "border-border-accent": mode === "dark" && !raw && !noColors && !noBorder,
+        "border-border-medium": mode === "light" && !raw && !noColors && !noBorder,
+        "border-border-accent dark:border-border-medium": mode === "alt-system" && !raw && !noColors && !noBorder,
+        "border-border-medium dark:border-border-accent": mode === "system" && !raw && !noColors && !noBorder,
+        "border-b-4": !raw && !noBorder,
+        "border-transparent": !raw && noColors,
+        "bg-surface-dark": mode === "dark" && !raw && !noColors,
+        "bg-surface-light": mode === "light" && !raw && !noColors,
+        "bg-surface-dark dark:bg-surface-light": mode === "alt-system" && !raw && !noColors,
+        "bg-surface-light dark:bg-surface-dark": mode === "system" && !raw && !noColors,
+        "sticky top-0 z-50": sticky
+    }, className);
+    const headerInnerClass = clsx({
+        "mt-0": !noMargin,
+        "p-2": !noPadding,
+        "flex flex-col w-full md:mx-auto md:max-w-4xl": !raw
+    });
+    return /*#__PURE__*/ jsx("header", {
+        className: headerClass,
+        ...otherProps,
+        children: /*#__PURE__*/ jsx("div", {
+            className: headerInnerClass,
+            children: children
+        })
+    });
 };
+
+;// CONCATENATED MODULE: ./src/components/index.ts
+
+
+
+export { HEADER_CLASSNAME, Header };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-header",
-	"version": "5.0.3",
+	"version": "5.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -20,13 +20,13 @@
 	],
 	"scripts": {
 		"build:check": "tsc",
-		"build:js": "vite build",
-		"build:types": "tsup",
-		"build": "npm-run-all --serial clean build:check build:js build:types",
+		"build:js": "rslib build",
+		"build:types": "echo 'Types now built with rslib'",
+		"build": "npm-run-all --serial clean build:check build:js",
 		"clean": "rimraf dist tmp",
-		"dev:js": "vite build --watch --mode development",
-		"dev:types": "tsup --watch src",
-		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"dev:js": "rslib build --watch",
+		"dev:types": "echo 'Types now watched with rslib'",
+		"dev": "rslib build --watch",
 		"lint": "biome lint src",
 		"lint:fix": "biome check src --write --no-errors-on-unmatched",
 		"prettier": "biome check --write --no-errors-on-unmatched",
@@ -42,10 +42,10 @@
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.1.15"
+		"tailwindcss": "4.1.16"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "83222981436f0aa6a5885586df15430f32c23e43"
+	"gitHead": "7484ad443b77ef31e52ae3a7d88b8129bc6cdf1d"
 }

package/dist/components/Header/Header.js

@@ -1,41 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import d from "clsx";
-const h = "av-header", p = ({
-  children: c,
-  className: b,
-  raw: e = !1,
-  mode: a = "system",
-  noColors: r = !1,
-  sticky: f = !1,
-  noBorder: s = !1,
-  noMargin: l = !1,
-  noPadding: m = !1,
-  ...i
-}) => {
-  const u = d(
-    h,
-    {
-      "border-border-accent": a === "dark" && !e && !r && !s,
-      "border-border-medium": a === "light" && !e && !r && !s,
-      "border-border-accent dark:border-border-medium": a === "alt-system" && !e && !r && !s,
-      "border-border-medium dark:border-border-accent": a === "system" && !e && !r && !s,
-      "border-b-4": !e && !s,
-      "border-transparent": !e && r,
-      "bg-surface-dark": a === "dark" && !e && !r,
-      "bg-surface-light": a === "light" && !e && !r,
-      "bg-surface-dark dark:bg-surface-light": a === "alt-system" && !e && !r,
-      "bg-surface-light dark:bg-surface-dark": a === "system" && !e && !r,
-      "sticky top-0 z-50": f
-    },
-    b
-  ), g = d({
-    "mt-0": !l,
-    "p-2": !m,
-    "flex flex-col w-full md:mx-auto md:max-w-4xl": !e
-  });
-  return /* @__PURE__ */ t("header", { className: u, ...i, children: /* @__PURE__ */ t("div", { className: g, children: c }) });
-};
-export {
-  h as HEADER_CLASSNAME,
-  p as Header
-};