@versini/ui-footer 5.0.4 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,37 +1,36 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- declare const FOOTER_CLASSNAME = "av-footer";
4
-
5
- type FooterProps = {
6
- /**
7
- * CSS class(es) to add to the main component wrapper.
8
- */
9
- className?: string;
10
- /**
11
- * The type of Footer. This will change the color of the Footer.
12
- */
13
- mode?: "dark" | "light" | "system" | "alt-system";
14
- /**
15
- * Whether or not to render the Footer with margins.
16
- * @default false
17
- */
18
- noMargins?: boolean;
19
- /**
20
- * Whether or not to render the Footer component with no styles.
21
- * @default false
22
- */
23
- raw?: boolean;
24
- /**
25
- * The content to render in the first row.
26
- */
27
- row1?: React.ReactNode;
28
- /**
29
- * The content to render in the second row.
30
- */
31
- row2?: React.ReactNode;
32
- } & React.HTMLAttributes<HTMLElement> &
33
- React.ComponentPropsWithRef<"footer">;
34
-
35
- declare const Footer: ({ className, mode, row1, row2, noMargins, raw, ...otherProps }: FooterProps) => react_jsx_runtime.JSX.Element;
36
-
37
- export { FOOTER_CLASSNAME, Footer };
1
+ import { JSX } from 'react/jsx-runtime';
2
+
3
+ export declare const Footer: ({ className, mode, row1, row2, noMargins, raw, ...otherProps }: FooterProps) => JSX.Element;
4
+
5
+ export declare const FOOTER_CLASSNAME = "av-footer";
6
+
7
+ declare type FooterProps = {
8
+ /**
9
+ * CSS class(es) to add to the main component wrapper.
10
+ */
11
+ className?: string;
12
+ /**
13
+ * The type of Footer. This will change the color of the Footer.
14
+ */
15
+ mode?: "dark" | "light" | "system" | "alt-system";
16
+ /**
17
+ * Whether or not to render the Footer with margins.
18
+ * @default false
19
+ */
20
+ noMargins?: boolean;
21
+ /**
22
+ * Whether or not to render the Footer component with no styles.
23
+ * @default false
24
+ */
25
+ raw?: boolean;
26
+ /**
27
+ * The content to render in the first row.
28
+ */
29
+ row1?: React.ReactNode;
30
+ /**
31
+ * The content to render in the second row.
32
+ */
33
+ row2?: React.ReactNode;
34
+ } & React.HTMLAttributes<HTMLElement> & React.ComponentPropsWithRef<"footer">;
35
+
36
+ export { }
package/dist/index.js CHANGED
@@ -1,18 +1,59 @@
1
- import { FOOTER_CLASSNAME as i, Footer as r } from "./components/Footer/Footer.js";
2
1
  /*!
3
- @versini/ui-footer v5.0.4
2
+ @versini/ui-footer v5.1.0
4
3
  © 2025 gizmette.com
5
4
  */
6
5
  try {
7
- window.__VERSINI_UI_FOOTER__ || (window.__VERSINI_UI_FOOTER__ = {
8
- version: "5.0.4",
9
- buildTime: "10/24/2025 07:47 PM EDT",
10
- homepage: "https://github.com/aversini/ui-components",
11
- license: "MIT"
12
- });
13
- } catch {
6
+ if (!window.__VERSINI_UI_FOOTER__) {
7
+ window.__VERSINI_UI_FOOTER__ = {
8
+ version: "5.1.0",
9
+ buildTime: "11/04/2025 03:44 PM EST",
10
+ homepage: "https://github.com/aversini/ui-components",
11
+ license: "MIT",
12
+ };
13
+ }
14
+ } catch (error) {
15
+ // nothing to declare officer
14
16
  }
15
- export {
16
- i as FOOTER_CLASSNAME,
17
- r as Footer
17
+
18
+ import { jsx, jsxs } from "react/jsx-runtime";
19
+ import clsx from "clsx";
20
+
21
+ ;// CONCATENATED MODULE: ./src/common/constants.ts
22
+ const FOOTER_CLASSNAME = "av-footer";
23
+
24
+ ;// CONCATENATED MODULE: external "react/jsx-runtime"
25
+
26
+ ;// CONCATENATED MODULE: external "clsx"
27
+
28
+ ;// CONCATENATED MODULE: ./src/components/Footer/Footer.tsx
29
+
30
+
31
+
32
+ const Footer = ({ className, mode = "system", row1, row2, noMargins = false, raw = false, ...otherProps })=>{
33
+ const footerClass = clsx(FOOTER_CLASSNAME, {
34
+ "text-copy-dark": !raw && mode === "dark",
35
+ "text-copy-lighter": !raw && mode === "light",
36
+ "text-copy-dark dark:text-copy-lighter": !raw && mode === "system",
37
+ "text-copy-lighter dark:text-copy-dark": !raw && mode === "alt-system",
38
+ "mb-[100px]": !noMargins && !raw,
39
+ "mt-0 flex w-full flex-col p-2 text-center text-xs sm:mt-3 md:mx-auto md:max-w-4xl": !raw
40
+ }, className);
41
+ return /*#__PURE__*/ jsxs("footer", {
42
+ className: footerClass,
43
+ ...otherProps,
44
+ children: [
45
+ row1 && /*#__PURE__*/ jsx("div", {
46
+ children: row1
47
+ }),
48
+ row2 && /*#__PURE__*/ jsx("div", {
49
+ children: row2
50
+ })
51
+ ]
52
+ });
18
53
  };
54
+
55
+ ;// CONCATENATED MODULE: ./src/components/index.ts
56
+
57
+
58
+
59
+ export { FOOTER_CLASSNAME, Footer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-footer",
3
- "version": "5.0.4",
3
+ "version": "5.1.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -20,13 +20,13 @@
20
20
  ],
21
21
  "scripts": {
22
22
  "build:check": "tsc",
23
- "build:js": "vite build",
24
- "build:types": "tsup",
25
- "build": "npm-run-all --serial clean build:check build:js build:types",
23
+ "build:js": "rslib build",
24
+ "build:types": "echo 'Types now built with rslib'",
25
+ "build": "npm-run-all --serial clean build:check build:js",
26
26
  "clean": "rimraf dist tmp",
27
- "dev:js": "vite build --watch --mode development",
28
- "dev:types": "tsup --watch src",
29
- "dev": "npm-run-all clean --parallel dev:js dev:types",
27
+ "dev:js": "rslib build --watch",
28
+ "dev:types": "echo 'Types now watched with rslib'",
29
+ "dev": "rslib build --watch",
30
30
  "lint": "biome lint src",
31
31
  "lint:fix": "biome check src --write --no-errors-on-unmatched",
32
32
  "prettier": "biome check --write --no-errors-on-unmatched",
@@ -46,5 +46,5 @@
46
46
  "sideEffects": [
47
47
  "**/*.css"
48
48
  ],
49
- "gitHead": "26763e1e738bcdcb0806c39612161666e4bc4459"
49
+ "gitHead": "7484ad443b77ef31e52ae3a7d88b8129bc6cdf1d"
50
50
  }
@@ -1,32 +0,0 @@
1
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
2
- import p from "clsx";
3
- const a = "av-footer", y = ({
4
- className: x,
5
- mode: e = "system",
6
- row1: s,
7
- row2: l,
8
- noMargins: r = !1,
9
- raw: t = !1,
10
- ...c
11
- }) => {
12
- const m = p(
13
- a,
14
- {
15
- "text-copy-dark": !t && e === "dark",
16
- "text-copy-lighter": !t && e === "light",
17
- "text-copy-dark dark:text-copy-lighter": !t && e === "system",
18
- "text-copy-lighter dark:text-copy-dark": !t && e === "alt-system",
19
- "mb-[100px]": !r && !t,
20
- "mt-0 flex w-full flex-col p-2 text-center text-xs sm:mt-3 md:mx-auto md:max-w-4xl": !t
21
- },
22
- x
23
- );
24
- return /* @__PURE__ */ i("footer", { className: m, ...c, children: [
25
- s && /* @__PURE__ */ o("div", { children: s }),
26
- l && /* @__PURE__ */ o("div", { children: l })
27
- ] });
28
- };
29
- export {
30
- a as FOOTER_CLASSNAME,
31
- y as Footer
32
- };