@sqrzro/ui 4.0.0-alpha.39 → 4.0.0-alpha.41

package/dist/addon/config.d.ts

@@ -0,0 +1,5 @@
+import { AppConfig } from '@sqrzro/config';
+import type { NodePgDatabase } from 'drizzle-orm/node-postgres';
+import type { UIAddonConfigObject, BaseUIAddonConfigObject } from './interfaces';
+export declare function setConfig(db: NodePgDatabase, appConfig: AppConfig, cfg?: Partial<BaseUIAddonConfigObject>): void;
+export declare function getConfig(): UIAddonConfigObject;

package/dist/addon/config.js

@@ -0,0 +1,12 @@
+import { MissingConfigError } from '@sqrzro/addons';
+import applyDefaults from './defaults';
+let config = null;
+export function setConfig(db, appConfig, cfg) {
+    config = { ...applyDefaults(cfg), db, app: appConfig };
+}
+export function getConfig() {
+    if (!config) {
+        throw new MissingConfigError('ui');
+    }
+    return config;
+}

package/dist/addon/defaults.d.ts

@@ -0,0 +1,3 @@
+import type { BaseUIAddonConfigObject } from './interfaces';
+declare function applyDefaults(config?: Partial<BaseUIAddonConfigObject>): BaseUIAddonConfigObject;
+export default applyDefaults;

package/dist/addon/defaults.js

@@ -0,0 +1,6 @@
+import { deepMerge } from '@sqrzro/utility';
+const defaults = {};
+function applyDefaults(config) {
+    return deepMerge(defaults, config || {});
+}
+export default applyDefaults;

package/dist/addon/index.d.ts

@@ -0,0 +1,5 @@
+import type { AddonRegisterFunction } from '@sqrzro/addons';
+import { BaseUIAddonConfigObject } from './interfaces';
+export * from './interfaces';
+declare const withUI: AddonRegisterFunction<BaseUIAddonConfigObject>;
+export default withUI;

package/dist/addon/index.js

@@ -0,0 +1,8 @@
+import { setConfig } from './config';
+export * from './interfaces';
+const withUI = (config) => ({
+    register: (db, appConfig) => {
+        setConfig(db, appConfig, config);
+    },
+});
+export default withUI;

package/dist/addon/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { AppConfig } from '@sqrzro/config';
+import type { NodePgDatabase } from 'drizzle-orm/node-postgres';
+export interface BaseUIAddonConfigObject {
+}
+export interface UIAddonConfigObject extends BaseUIAddonConfigObject {
+    app: AppConfig;
+    db: NodePgDatabase;
+}

package/dist/addon/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/components/mail/Mail/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable max-lines-per-function, react/jsx-max-depth, react/no-danger */
 import { Fragment } from 'react';
-import { getAppConfig } from '@sqrzro/config';
 import { deepMerge } from '@sqrzro/utility';
+import { getConfig } from '../../../addon/config';
 const DEFAULT_STYLES = {
     styles: {
         root: {
@@ -21,8 +21,8 @@ const DEFAULT_STYLES = {
 };
 const HALF = 2;
 async function Mail({ children, logo, styles, title, }) {
-    const styleConfig = deepMerge(DEFAULT_STYLES?.styles || {}, getAppConfig().mail?.styles || {}, styles || {});
-    const logoData = await (await import('../../../utility/convert-to-datauri')).default(logo ?? getAppConfig().mail?.logo ?? '');
+    const styleConfig = deepMerge(DEFAULT_STYLES?.styles || {}, getConfig().app.mail?.styles || {}, styles || {});
+    const logoData = await (await import('../../../utility/convert-to-datauri')).default(logo ?? getConfig().app.mail?.logo ?? '');
     return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charSet: "utf-8" }), _jsx("style", { dangerouslySetInnerHTML: {
                             __html: `
                         body {

package/dist/components/mail/MailButton/index.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/no-danger */
-import { getAppConfig } from '@sqrzro/config';
 import { deepMerge } from '@sqrzro/utility';
+import { getConfig } from '../../../addon/config';
 const DEFAULT_STYLES = {
     styles: {
         button: {
@@ -18,7 +17,7 @@ function calculateWidth(text) {
     return text.length * characterWidth + padding;
 }
 function MailButton({ children, href, styles }) {
-    const styleConfig = deepMerge(DEFAULT_STYLES?.styles || {}, getAppConfig().mail?.styles || {}, styles || {});
+    const styleConfig = deepMerge(DEFAULT_STYLES?.styles || {}, getConfig().app.mail?.styles || {}, styles || {});
     const calculatedWidth = calculateWidth(children);
     return (_jsx("div", { dangerouslySetInnerHTML: {
             __html: `

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@sqrzro/ui",
   "type": "module",
-  "version": "4.0.0-alpha.39",
+  "version": "4.0.0-alpha.41",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
   "exports": {
+    "./addon": {
+      "types": "./dist/addon/index.d.ts",
+      "default": "./dist/addon/index.js"
+    },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "default": "./dist/components/index.js"
@@ -43,13 +47,15 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
+    "drizzle-orm": "^0.45.1",
     "next": "^16.1.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwind-merge": "^3.5.0",
     "use-deep-compare-effect": "^1.8.1",
-    "@sqrzro/config": "^4.0.0-alpha.1",
-    "@sqrzro/utility": "^4.0.0-alpha.15"
+    "@sqrzro/addons": "^4.0.0-alpha.5",
+    "@sqrzro/utility": "^4.0.0-alpha.15",
+    "@sqrzro/config": "^4.0.0-alpha.3"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.2.14",