@versini/ui-footer 5.0.4 → 5.1.1

package/dist/index.d.ts

@@ -1,37 +1,36 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const FOOTER_CLASSNAME = "av-footer";
-
-type FooterProps = {
-	/**
-	 * CSS class(es) to add to the main component wrapper.
-	 */
-	className?: string;
-	/**
-	 * The type of Footer. This will change the color of the Footer.
-	 */
-	mode?: "dark" | "light" | "system" | "alt-system";
-	/**
-	 * Whether or not to render the Footer with margins.
-	 * @default false
-	 */
-	noMargins?: boolean;
-	/**
-	 * Whether or not to render the Footer component with no styles.
-	 * @default false
-	 */
-	raw?: boolean;
-	/**
-	 * The content to render in the first row.
-	 */
-	row1?: React.ReactNode;
-	/**
-	 * The content to render in the second row.
-	 */
-	row2?: React.ReactNode;
-} & React.HTMLAttributes<HTMLElement> &
-	React.ComponentPropsWithRef<"footer">;
-
-declare const Footer: ({ className, mode, row1, row2, noMargins, raw, ...otherProps }: FooterProps) => react_jsx_runtime.JSX.Element;
-
-export { FOOTER_CLASSNAME, Footer };
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Footer: ({ className, mode, row1, row2, noMargins, raw, ...otherProps }: FooterProps) => JSX.Element;
+
+export declare const FOOTER_CLASSNAME = "av-footer";
+
+declare type FooterProps = {
+    /**
+     * CSS class(es) to add to the main component wrapper.
+     */
+    className?: string;
+    /**
+     * The type of Footer. This will change the color of the Footer.
+     */
+    mode?: "dark" | "light" | "system" | "alt-system";
+    /**
+     * Whether or not to render the Footer with margins.
+     * @default false
+     */
+    noMargins?: boolean;
+    /**
+     * Whether or not to render the Footer component with no styles.
+     * @default false
+     */
+    raw?: boolean;
+    /**
+     * The content to render in the first row.
+     */
+    row1?: React.ReactNode;
+    /**
+     * The content to render in the second row.
+     */
+    row2?: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement> & React.ComponentPropsWithRef<"footer">;
+
+export { }

package/dist/index.js

@@ -1,18 +1,59 @@
-import { FOOTER_CLASSNAME as i, Footer as r } from "./components/Footer/Footer.js";
 /*!
-  @versini/ui-footer v5.0.4
+  @versini/ui-footer v5.1.1
   © 2025 gizmette.com
 */
 try {
-  window.__VERSINI_UI_FOOTER__ || (window.__VERSINI_UI_FOOTER__ = {
-    version: "5.0.4",
-    buildTime: "10/24/2025 07:47 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
+  if (!window.__VERSINI_UI_FOOTER__) {
+    window.__VERSINI_UI_FOOTER__ = {
+      version: "5.1.1",
+      buildTime: "11/16/2025 05:49 PM EST",
+      homepage: "https://github.com/aversini/ui-components",
+      license: "MIT",
+    };
+  }
+} catch (error) {
+  // nothing to declare officer
 }
-export {
-  i as FOOTER_CLASSNAME,
-  r as Footer
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+
+;// CONCATENATED MODULE: ./src/common/constants.ts
+const FOOTER_CLASSNAME = "av-footer";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "clsx"
+
+;// CONCATENATED MODULE: ./src/components/Footer/Footer.tsx
+
+
+
+const Footer = ({ className, mode = "system", row1, row2, noMargins = false, raw = false, ...otherProps })=>{
+    const footerClass = clsx(FOOTER_CLASSNAME, {
+        "text-copy-dark": !raw && mode === "dark",
+        "text-copy-lighter": !raw && mode === "light",
+        "text-copy-dark dark:text-copy-lighter": !raw && mode === "system",
+        "text-copy-lighter dark:text-copy-dark": !raw && mode === "alt-system",
+        "mb-[100px]": !noMargins && !raw,
+        "mt-0 flex w-full flex-col p-2 text-center text-xs sm:mt-3 md:mx-auto md:max-w-4xl": !raw
+    }, className);
+    return /*#__PURE__*/ jsxs("footer", {
+        className: footerClass,
+        ...otherProps,
+        children: [
+            row1 && /*#__PURE__*/ jsx("div", {
+                children: row1
+            }),
+            row2 && /*#__PURE__*/ jsx("div", {
+                children: row2
+            })
+        ]
+    });
 };
+
+;// CONCATENATED MODULE: ./src/components/index.ts
+
+
+
+export { FOOTER_CLASSNAME, Footer };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-footer",
-	"version": "5.0.4",
+	"version": "5.1.1",
 	"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",
@@ -41,10 +41,10 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
-		"tailwindcss": "4.1.16"
+		"tailwindcss": "4.1.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "26763e1e738bcdcb0806c39612161666e4bc4459"
+	"gitHead": "1d0bedfa3a84ea7f2f41d347a59de518f92e4cea"
 }

package/dist/components/Footer/Footer.js

@@ -1,32 +0,0 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import p from "clsx";
-const a = "av-footer", y = ({
-  className: x,
-  mode: e = "system",
-  row1: s,
-  row2: l,
-  noMargins: r = !1,
-  raw: t = !1,
-  ...c
-}) => {
-  const m = p(
-    a,
-    {
-      "text-copy-dark": !t && e === "dark",
-      "text-copy-lighter": !t && e === "light",
-      "text-copy-dark dark:text-copy-lighter": !t && e === "system",
-      "text-copy-lighter dark:text-copy-dark": !t && e === "alt-system",
-      "mb-[100px]": !r && !t,
-      "mt-0 flex w-full flex-col p-2 text-center text-xs sm:mt-3 md:mx-auto md:max-w-4xl": !t
-    },
-    x
-  );
-  return /* @__PURE__ */ i("footer", { className: m, ...c, children: [
-    s && /* @__PURE__ */ o("div", { children: s }),
-    l && /* @__PURE__ */ o("div", { children: l })
-  ] });
-};
-export {
-  a as FOOTER_CLASSNAME,
-  y as Footer
-};