@versini/ui-system 1.2.1 → 1.3.0

package/dist/chunks/FlexgridContext.W67Qim_P.js

@@ -0,0 +1,8 @@
+import t from "react";
+const e = t.createContext({
+  columnGap: 0,
+  rowGap: 0
+});
+export {
+  e as FlexgridContext
+};

package/dist/chunks/constants.Gcd2KXZh.js

@@ -0,0 +1,7 @@
+const E = "av-flexgrid", A = "av-flexgrid-item", e = "av-theme-provider", t = 0.25;
+export {
+  E as FLEXGRID_CLASSNAME,
+  t as FLEXGRID_GAP_RATIO,
+  A as FLEXGRID_ITEM_CLASSNAME,
+  e as THEMEPROVIDER_CLASSNAME
+};

package/dist/components/Flexgrid/Flexgrid.js

@@ -1,39 +1,40 @@
-import { jsx as o } from "react/jsx-runtime";
-import u from "clsx";
-import { FLEXGRID_CLASSNAME as p, FlexgridContext as A, FLEXGRID_GAP_RATIO as t } from "../../chunks/FlexgridContext.DVgU6-jM.js";
-const L = ({
-  children: s,
-  className: i,
+import { jsx as t } from "react/jsx-runtime";
+import p from "clsx";
+import { FLEXGRID_CLASSNAME as u, FLEXGRID_GAP_RATIO as e } from "../../chunks/constants.Gcd2KXZh.js";
+import { FlexgridContext as A } from "../../chunks/FlexgridContext.W67Qim_P.js";
+const R = ({
+  children: i,
+  className: m,
   columnGap: r = 1,
-  rowGap: e = 0,
-  height: l = "auto",
-  width: n = "auto",
-  direction: m = "row",
+  rowGap: o = 0,
+  height: s = "auto",
+  width: l = "auto",
+  direction: n = "row",
   alignHorizontal: a = "normal",
   alignVertical: x = "normal",
   ...f
 }) => {
   const c = {
-    flexDirection: m,
+    flexDirection: n,
     justifyContent: a,
     alignItems: x,
-    height: l,
-    width: n,
+    height: s,
+    width: l,
     /**
      * Trick to account for the extra space taken
      * by the columnGap and rowGap that will be applied
      * to all FlexgridItems (see context and paddings).
      */
-    marginLeft: r * -1 * t + "rem",
-    marginTop: e * -1 * t + "rem"
-  }, d = u(
-    i,
-    p,
+    marginLeft: r * -1 * e + "rem",
+    marginTop: o * -1 * e + "rem"
+  }, d = p(
+    m,
+    u,
     "box-border flex flex-wrap"
-  ), g = { columnGap: r, rowGap: e };
-  return /* @__PURE__ */ o("div", { className: d, style: c, ...f, children: /* @__PURE__ */ o(A.Provider, { value: g, children: s }) });
+  ), g = { columnGap: r, rowGap: o };
+  return /* @__PURE__ */ t("div", { className: d, style: c, ...f, children: /* @__PURE__ */ t(A.Provider, { value: g, children: i }) });
 };
 export {
-  L as Flexgrid,
-  L as default
+  R as Flexgrid,
+  R as default
 };

package/dist/components/Flexgrid/FlexgridItem.js

@@ -1,6 +1,7 @@
 import { jsx as I } from "react/jsx-runtime";
 import { useContext as F } from "react";
-import { FLEXGRID_ITEM_CLASSNAME as g, FlexgridContext as G, FLEXGRID_GAP_RATIO as u } from "../../chunks/FlexgridContext.DVgU6-jM.js";
+import { FLEXGRID_ITEM_CLASSNAME as g, FLEXGRID_GAP_RATIO as u } from "../../chunks/constants.Gcd2KXZh.js";
+import { FlexgridContext as G } from "../../chunks/FlexgridContext.W67Qim_P.js";
 import m from "clsx";
 const i = (l, s) => m({
   "basis-1/12": l === 1 && !s,
@@ -98,7 +99,7 @@ const i = (l, s) => m({
       f
     );
   }
-}, _ = ({
+}, j = ({
   children: l,
   className: s,
   span: f,
@@ -114,5 +115,5 @@ const i = (l, s) => m({
   return /* @__PURE__ */ I("div", { className: C, style: c, ...x, children: l });
 };
 export {
-  _ as FlexgridItem
+  j as FlexgridItem
 };

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,19 +1,22 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as i, useEffect as p } from "react";
-const m = ({
-  customTheme: e,
-  children: n,
-  global: r
+import { jsx as m } from "react/jsx-runtime";
+import u from "clsx";
+import { useRef as E, useEffect as l } from "react";
+import { THEMEPROVIDER_CLASSNAME as y } from "../../chunks/constants.Gcd2KXZh.js";
+const P = ({
+  customTheme: r,
+  children: o,
+  global: e,
+  className: f
 }) => {
-  const t = i(null);
-  return p(() => {
-    var s;
-    const o = r ? document.documentElement.style : (s = t == null ? void 0 : t.current) == null ? void 0 : s.style;
-    if (!(!o || !e))
-      for (const [f, c] of Object.entries(e))
-        o.setProperty(f, c);
-  }, [e, r]), e || !r ? /* @__PURE__ */ u("div", { ref: t, className: "contents", children: n }) : n;
+  const t = E(null), c = u(y, "contents", f);
+  return l(() => {
+    var n;
+    const s = e ? document.documentElement.style : (n = t == null ? void 0 : t.current) == null ? void 0 : n.style;
+    if (!(!s || !r))
+      for (const [p, i] of Object.entries(r))
+        s.setProperty(p, i);
+  }, [r, e]), r || !e ? /* @__PURE__ */ m("div", { ref: t, className: c, children: o }) : o;
 };
 export {
-  m as ThemeProvider
+  P as ThemeProvider
 };

package/dist/index.d.ts

@@ -109,6 +109,10 @@ type ThemeProviderProps = {
 	 * The children to render.
 	 */
 	children: React.ReactNode;
+	/**
+	 * CSS class(es) to add to the main component wrapper.
+	 */
+	className?: string;
 	/**
 	 * An object specifying custom properties impacting the base theme.
 	 * Not all custom properties need to be specified.
@@ -128,6 +132,6 @@ type ThemeProviderProps = {
 	global?: boolean;
 };
 
-declare const ThemeProvider: ({ customTheme, children, global, }: ThemeProviderProps) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const ThemeProvider: ({ customTheme, children, global, className, }: ThemeProviderProps) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { Flexgrid, FlexgridItem, ThemeProvider };

package/dist/index.js

@@ -2,13 +2,13 @@ import { Flexgrid as i } from "./components/Flexgrid/Flexgrid.js";
 import { FlexgridItem as t } from "./components/Flexgrid/FlexgridItem.js";
 import { ThemeProvider as I } from "./components/ThemeProvider/ThemeProvider.js";
 /*!
-  @versini/ui-system v1.2.1
+  @versini/ui-system v1.3.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SYSTEM__ || (window.__VERSINI_UI_SYSTEM__ = {
-    version: "1.2.1",
-    buildTime: "03/30/2024 02:28 PM EDT",
+    version: "1.3.0",
+    buildTime: "04/06/2024 02:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-system",
-	"version": "1.2.1",
+	"version": "1.3.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -42,7 +42,7 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@versini/ui-components": "5.10.2",
+		"@versini/ui-components": "5.12.0",
 		"@versini/ui-styles": "1.6.1",
 		"react": "18.2.0",
 		"react-dom": "18.2.0"
@@ -54,5 +54,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "18820eb5a8f49835dc43a598ff390779c86b3e95"
+	"gitHead": "2ee026b7b3a150ebfd4e8d3827f9a81d7a9e096b"
 }

package/dist/chunks/FlexgridContext.DVgU6-jM.js

@@ -1,11 +0,0 @@
-import t from "react";
-const e = "av-flexgrid", r = "av-flexgrid-item", c = 0.25, n = t.createContext({
-  columnGap: 0,
-  rowGap: 0
-});
-export {
-  e as FLEXGRID_CLASSNAME,
-  c as FLEXGRID_GAP_RATIO,
-  r as FLEXGRID_ITEM_CLASSNAME,
-  n as FlexgridContext
-};