@owlmeans/web-panel 0.1.2 → 0.1.4

package/build/components/button/selector.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import ButtonGroup from '@mui/material/ButtonGroup';
 import { Button } from '../form/button/component.js';
 export const ButtonSelector = ({ name, options, current, onSelect }) => {
     const prefix = name != null ? `${name}.` : '';
-    return _jsx(ButtonGroup, { children: options.map(option => _jsx(Button, { label: `${prefix}${option}`, onClick: () => onSelect?.(option), variant: current === option ? 'contained' : 'outlined' }, option)) });
+    return (_jsx("div", { className: "inline-flex rounded-md shadow-xs [&>button:not(:first-child)]:rounded-l-none [&>button:not(:last-child)]:rounded-r-none [&>button:not(:last-child)]:border-r-0", children: options.map(option => _jsx(Button, { label: `${prefix}${option}`, onClick: () => onSelect?.(option), variant: current === option ? 'contained' : 'outlined' }, option)) }));
 };
 //# sourceMappingURL=selector.js.map

package/build/components/button/selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"selector.js","sourceRoot":"","sources":["../../../src/components/button/selector.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,2BAA2B,CAAA;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7C,OAAO,KAAC,WAAW,cAChB,OAAO,CAAC,GAAG,CACV,MAAM,CAAC,EAAE,CAAC,KAAC,MAAM,IAAc,KAAK,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,EACjC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,IAFjC,MAAM,CAE+B,CAC7D,GACW,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"selector.js","sourceRoot":"","sources":["../../../src/components/button/selector.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7C,OAAO,CACL,cAAK,SAAS,EAAC,gKAAgK,YAC5K,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACpB,KAAC,MAAM,IAAc,KAAK,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,EACjC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,IAF3C,MAAM,CAEyC,CAC7D,GACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/components/form/button/component.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { ButtonProps, SubmitProps } from './types';
+import type { ButtonProps, SubmitProps } from './types.js';
 export declare const Button: FC<ButtonProps>;
 export declare const SubmitButton: FC<SubmitProps>;
 //# sourceMappingURL=component.d.ts.map

package/build/components/form/button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/form/button/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUvD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAuBjC,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAcvC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/form/button/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA2C1D,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA8BjC,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAcvC,CAAA"}

package/build/components/form/button/component.js

@@ -1,12 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { memo } from 'react';
-import MUIButton from '@mui/material/Button';
-import CircularProgress from '@mui/material/CircularProgress';
 import { useFormContext } from 'react-hook-form';
+import { Loader2 } from 'lucide-react';
 import { useCommonI18n, useI18nApp, useI18nLib } from '@owlmeans/client-i18n';
 import { useContext } from '@owlmeans/client';
 import { useFormI18n, usePanelHelper } from '@owlmeans/client-panel';
+import { Button as UIButton } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+/**
+ * MUI → shadcn variant mapping:
+ *   contained → default
+ *   outlined  → outline
+ *   text      → ghost
+ * Any other value is forwarded as-is (shadcn variants: default, destructive,
+ * outline, secondary, ghost, link).
+ */
+const mapVariant = (v) => {
+    switch (v) {
+        case undefined:
+        case 'contained': return 'default';
+        case 'outlined': return 'outline';
+        case 'text': return 'ghost';
+        case 'destructive':
+        case 'outline':
+        case 'secondary':
+        case 'ghost':
+        case 'link':
+        case 'default':
+            return v;
+        default: return 'default';
+    }
+};
+const mapSize = (s) => {
+    switch (s) {
+        case 'small': return 'sm';
+        case 'large': return 'lg';
+        case 'medium':
+        default: return 'default';
+    }
+};
 export const Button = memo(({ label, onClick, i18n, loader, size, fullWidth, variant = 'contained' }) => {
     const context = useContext();
     const panel = usePanelHelper();
@@ -16,11 +49,9 @@ export const Button = memo(({ label, onClick, i18n, loader, size, fullWidth, var
     label = useMemo(() => i18n?.suppress ? label : t(label, {
         defaultValue: appT(label, { defaultValue: libT(label) })
     }), [i18n?.suppress, label]);
-    size = size ?? 'medium';
-    const progressSize = size === 'large'
-        ? 20
-        : size === 'medium' ? 16 : 14;
-    return _jsx(MUIButton, { variant: variant, size: size, fullWidth: fullWidth, startIcon: loader != null && loader.opened === true ? _jsx(CircularProgress, { size: progressSize }) : undefined, disabled: loader != null && loader.opened === true, onClick: onClick, children: label });
+    const disabled = loader != null && loader.opened === true;
+    const showLoader = disabled;
+    return (_jsxs(UIButton, { type: "button", variant: mapVariant(variant), size: mapSize(size), disabled: disabled, onClick: onClick, className: cn(fullWidth && 'w-full'), children: [showLoader && _jsx(Loader2, { className: "animate-spin", "aria-hidden": true }), label] }));
 });
 export const SubmitButton = memo((props) => {
     let { i18n, label } = props;

package/build/components/form/button/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/form/button/component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/form/button/component.tsx"],"names":[],"mappings":"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"}

package/build/components/form/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAmB/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,YAAY,CA4EjC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAa/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAO9C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,YAAY,CA+EjC,CAAA"}

package/build/components/form/component.js

@@ -1,25 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
+import { Children, useCallback, useMemo } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import { ajvResolver } from '@hookform/resolvers/ajv';
-import Grid from '@mui/material/Grid';
-import Card from '@mui/material/Card';
-import CardContent from '@mui/material/CardContent';
-import CardActions from '@mui/material/CardActions';
 import { FormContext, schemaToFormDefault } from '@owlmeans/client-panel';
 import Ajv from 'ajv';
 import formatsPlugin from 'ajv-formats';
-import { useTheme } from '@mui/material/styles';
 import { SubmitButton } from './button/component.js';
 import { useToggle } from '@owlmeans/client';
 import { scalingToStyles } from '../helper.js';
 import { ResilientError } from '@owlmeans/error';
 import { Status } from '../status.js';
+import { Card, CardContent, CardFooter } from '@/components/ui/card';
+import { cn } from '@/lib/utils';
 const ajv = new Ajv({ coerceTypes: true });
 formatsPlugin(ajv);
 export const Form = (props) => {
-    const { defaults, children, formRef, validation, name, horizontal, vertical, decorate, onSubmit, i18n, styles } = props;
-    const theme = useTheme();
+    const { defaults, children, formRef, validation, name, horizontal, vertical, decorate, onSubmit, i18n, className, style } = props;
     const _defaults = useMemo(() => defaults ?? (validation != null ? schemaToFormDefault(validation) : undefined), [name, defaults != null, validation != null]);
     const loader = useToggle(false);
     const form = useForm({
@@ -46,13 +42,14 @@ export const Form = (props) => {
     if (formRef != null) {
         formRef.current = { form, update, loader, error: setError };
     }
-    const style = useMemo(() => scalingToStyles(horizontal, vertical, theme), [horizontal]);
-    const content = () => _jsx(Grid, { container: true, direction: "column", justifyContent: "flex-start", alignItems: "stretch", rowSpacing: 2, sx: !decorate ? style : {}, children: Array.isArray(children)
-            ? children.map((child, index) => _jsx(Grid, { children: child }, index)) : children });
+    const scaling = useMemo(() => scalingToStyles(horizontal, vertical), [horizontal, vertical]);
+    const content = () => (_jsx("div", { className: cn('flex flex-col items-stretch justify-start gap-4', !decorate && scaling, !decorate && className), style: !decorate ? style : undefined, children: Array.isArray(children)
+            ? Children.map(children, (child, index) => _jsx("div", { children: child }, index))
+            : children }));
     if (decorate === true) {
         const root = form.getFieldState('root');
-        return _jsx(FormProvider, { ...form, children: _jsx(FormContext, { ...props, loader: loader, children: _jsxs(Card, { sx: { ...style, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', ...styles }, children: [_jsxs(CardContent, { children: [content(), root.invalid && root.error?.message &&
-                                    _jsx(Status, { ok: false, i18n: i18n, error: ResilientError.ensure(root.error.message) })] }), onSubmit != null ? _jsx(CardActions, { sx: { flexDirection: 'row', justifyContent: 'flex-end', pr: 2, pb: 2 }, children: _jsx(SubmitButton, { loader: loader, onSubmit: async (data) => onSubmit(data, update) }) }) : undefined] }) }) });
+        return _jsx(FormProvider, { ...form, children: _jsx(FormContext, { ...props, loader: loader, children: _jsxs(Card, { className: cn(scaling, 'flex flex-col justify-between', className), style: style, children: [_jsxs(CardContent, { children: [content(), root.invalid && root.error?.message &&
+                                    _jsx("div", { className: "mt-4", children: _jsx(Status, { ok: false, i18n: i18n, error: ResilientError.ensure(root.error.message) }) })] }), onSubmit != null && (_jsx(CardFooter, { className: "flex flex-row justify-end gap-2 pr-4 pb-2", children: _jsx(SubmitButton, { loader: loader, onSubmit: async (data) => onSubmit(data, update) }) }))] }) }) });
     }
     return _jsx(FormProvider, { ...form, children: _jsx(FormContext, { ...props, loader: loader, children: content() }) });
 };

package/build/components/form/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"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"}

package/build/components/form/text/component.d.ts

@@ -1,4 +1,4 @@
 import type { FC } from 'react';
-import { TextInputProps } from './types.js';
+import type { TextInputProps } from './types.js';
 export declare const TextInput: FC<TextInputProps>;
 //# sourceMappingURL=component.d.ts.map

package/build/components/form/text/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/form/text/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAM3C,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoCxC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/form/text/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAKhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8CxC,CAAA"}

package/build/components/form/text/component.js

@@ -1,34 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFormContext, Controller } from 'react-hook-form';
-import TextField from '@mui/material/TextField';
-import { useFormError, useFormI18n } from '@owlmeans/client-panel';
-import { useClientFormContext } from '@owlmeans/client-panel';
+import { useFormError, useFormI18n, useClientFormContext } from '@owlmeans/client-panel';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
 export const TextInput = ({ name, label, placeholder, hint, type, def, disableAutocomplete }) => {
     const { control } = useFormContext();
     const t = useFormI18n();
-    const key = name;
-    if (typeof label === 'boolean' && label) {
-        label = t(`${key}.label`);
-    }
-    else {
-        label = undefined;
-    }
-    if (typeof placeholder === 'boolean' && placeholder) {
-        placeholder = t(`${key}.placeholder`);
-    }
-    else {
-        placeholder = undefined;
-    }
-    if (typeof hint === 'boolean' && hint) {
-        hint = t(`${key}.hint`);
-    }
-    else {
-        hint = undefined;
-    }
+    let resolvedLabel;
+    let resolvedPlaceholder;
+    let resolvedHint;
+    if (typeof label === 'boolean' && label)
+        resolvedLabel = t(`${name}.label`);
+    else if (typeof label === 'string')
+        resolvedLabel = label;
+    if (typeof placeholder === 'boolean' && placeholder)
+        resolvedPlaceholder = t(`${name}.placeholder`);
+    else if (typeof placeholder === 'string')
+        resolvedPlaceholder = placeholder;
+    if (typeof hint === 'boolean' && hint)
+        resolvedHint = t(`${name}.hint`);
+    else if (typeof hint === 'string')
+        resolvedHint = hint;
     return _jsx(Controller, { control: control, name: name, defaultValue: def, render: ({ field, fieldState }) => {
             const error = useFormError(name, fieldState.error);
             const { loader } = useClientFormContext();
-            return _jsx(TextField, { fullWidth: true, ...field, error: fieldState.error != null, disabled: loader != null && loader.opened === true, label: label, type: type ?? 'text', placeholder: placeholder, autoComplete: disableAutocomplete ? 'off' : 'on', helperText: error ?? hint });
+            const disabled = loader != null && loader.opened === true;
+            return (_jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [resolvedLabel != null && _jsx(Label, { htmlFor: name, children: resolvedLabel }), _jsx(Input, { id: name, ...field, type: type ?? 'text', placeholder: resolvedPlaceholder, autoComplete: disableAutocomplete ? 'off' : 'on', disabled: disabled, "aria-invalid": fieldState.error != null }), (error != null || resolvedHint != null) && (_jsx("p", { className: error != null
+                            ? 'text-sm text-destructive'
+                            : 'text-sm text-muted-foreground', children: error ?? resolvedHint }))] }));
         } });
 };
 //# sourceMappingURL=component.js.map

package/build/components/form/text/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/form/text/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5D,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,EAAE;IAClH,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IACvB,MAAM,GAAG,GAAG,IAAI,CAAA;IAChB,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,EAAE,CAAC;QACxC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAA;IAC3B,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,SAAS,CAAA;IACnB,CAAC;IACD,IAAI,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW,EAAE,CAAC;QACpD,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,cAAc,CAAC,CAAA;IACvC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,SAAS,CAAA;IACzB,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,CAAA;IACzB,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,SAAS,CAAA;IAClB,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EACxE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;YAClD,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;YAEzC,OAAO,KAAC,SAAS,IAAC,SAAS,WAAK,KAAK,EACnC,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,IAAI,EAC/B,QAAQ,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAClD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAChD,UAAU,EAAE,KAAK,IAAI,IAAI,GACzB,CAAA;QACJ,CAAC,GACC,CAAA;AACN,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/form/text/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxF,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,EAAE;IAClH,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IAEvB,IAAI,aAAiC,CAAA;IACrC,IAAI,mBAAuC,CAAA;IAC3C,IAAI,YAAgC,CAAA;IAEpC,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK;QAAE,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAA;SACtE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,aAAa,GAAG,KAAK,CAAA;IAEzD,IAAI,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW;QAAE,mBAAmB,GAAG,CAAC,CAAC,GAAG,IAAI,cAAc,CAAC,CAAA;SAC9F,IAAI,OAAO,WAAW,KAAK,QAAQ;QAAE,mBAAmB,GAAG,WAAW,CAAA;IAE3E,IAAI,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI;QAAE,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,OAAO,CAAC,CAAA;SAClE,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,YAAY,GAAG,IAAI,CAAA;IAEtD,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EACxE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;YAClD,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;YACzC,MAAM,QAAQ,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,CAAA;YAEzD,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC1C,aAAa,IAAI,IAAI,IAAI,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,YAAG,aAAa,GAAS,EACvE,KAAC,KAAK,IACJ,EAAE,EAAE,IAAI,KACJ,KAAK,EACT,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,mBAAmB,EAChC,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAChD,QAAQ,EAAE,QAAQ,kBACJ,UAAU,CAAC,KAAK,IAAI,IAAI,GACtC,EACD,CAAC,KAAK,IAAI,IAAI,IAAI,YAAY,IAAI,IAAI,CAAC,IAAI,CAC1C,YAAG,SAAS,EACV,KAAK,IAAI,IAAI;4BACX,CAAC,CAAC,0BAA0B;4BAC5B,CAAC,CAAC,+BAA+B,YAClC,KAAK,IAAI,YAAY,GAAK,CAC9B,IACG,CACP,CAAA;QACH,CAAC,GACC,CAAA;AACN,CAAC,CAAA"}

package/build/components/form/types.d.ts

@@ -1,6 +1,7 @@
-import type { SxProps } from '@mui/material/styles';
 import type { FormProps } from '@owlmeans/client-panel';
+import type { CSSProperties } from 'react';
 export interface WebFormProps extends FormProps {
-    styles?: SxProps;
+    className?: string;
+    style?: CSSProperties;
 }
 //# sourceMappingURL=types.d.ts.map

package/build/components/form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,SAAS,EAAG,MAAM,wBAAwB,CAAA;AAExD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB"}

package/build/components/helper.d.ts

@@ -1,6 +1,15 @@
-import type { SxProps, Theme } from '@mui/material/styles';
 import { BlockScaling } from '@owlmeans/client-panel';
-export declare const scalingToStyles: (horizontal?: BlockScaling, vertical?: BlockScaling, theme?: Theme) => SxProps;
+/**
+ * Map MUI's previous `scalingToStyles(horizontal, vertical, theme): SxProps`
+ * to a Tailwind utility class composition string. Consumers compose this
+ * with their own classes via `cn()` or template literals.
+ *
+ * Breakpoint semantics mirror the old MUI implementation:
+ *   - Half:  capped width/height on >=md, expanded on <md, `flex-grow: 1`
+ *   - Wide:  10% horizontal/vertical margin, `flex-grow: 1`
+ *   - Full:  fill axis, `flex-grow: 1`
+ */
+export declare const scalingToStyles: (horizontal?: BlockScaling, vertical?: BlockScaling) => string;
 export declare const useBreakPoint: () => string;
 export declare const useMapBreakpoint: <T>(map: Record<string, T>, def?: T, breakpoint?: string) => T;
 //# sourceMappingURL=helper.d.ts.map

package/build/components/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/components/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,eAAO,MAAM,eAAe,GAC1B,aAAa,YAAY,EACzB,WAAW,YAAY,EACvB,QAAQ,KAAK,KACZ,OAuCF,CAAA;AAED,eAAO,MAAM,aAAa,cAiBzB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,aAAa,MAAM,KAAG,CAS1F,CAAA"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/components/helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAC1B,aAAa,YAAY,EACzB,WAAW,YAAY,KACtB,MA4BF,CAAA;AAwBD,eAAO,MAAM,aAAa,QAAO,MAchC,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,aAAa,MAAM,KAAG,CAQ1F,CAAA"}

package/build/components/helper.js

@@ -1,62 +1,72 @@
-import { useTheme } from '@mui/material/styles';
-import useMediaQuery from '@mui/material/useMediaQuery';
+import { useEffect, useState } from 'react';
 import { BlockScaling } from '@owlmeans/client-panel';
-export const scalingToStyles = (horizontal, vertical, theme) => {
-    const style = {};
+/**
+ * Map MUI's previous `scalingToStyles(horizontal, vertical, theme): SxProps`
+ * to a Tailwind utility class composition string. Consumers compose this
+ * with their own classes via `cn()` or template literals.
+ *
+ * Breakpoint semantics mirror the old MUI implementation:
+ *   - Half:  capped width/height on >=md, expanded on <md, `flex-grow: 1`
+ *   - Wide:  10% horizontal/vertical margin, `flex-grow: 1`
+ *   - Full:  fill axis, `flex-grow: 1`
+ */
+export const scalingToStyles = (horizontal, vertical) => {
+    const parts = [];
     switch (horizontal) {
         case BlockScaling.Half:
-            Object.assign(style, {
-                maxWidth: '50%',
-                [theme?.breakpoints.down('md') ?? 'xs']: {
-                    maxWidth: '90%'
-                },
-                flexGrow: 1
-            });
+            parts.push('max-w-[90%]', 'md:max-w-[50%]', 'grow');
             break;
         case BlockScaling.Wide:
-            Object.assign(style, { mx: '10%', flexGrow: 1 });
+            parts.push('mx-[10%]', 'grow');
             break;
         case BlockScaling.Full:
-            Object.assign(style, { flexGrow: 1 });
+            parts.push('grow');
             break;
     }
     switch (vertical) {
         case BlockScaling.Half:
-            Object.assign(style, {
-                maxHeight: '50%',
-                [theme?.breakpoints.down('md') ?? 'xs']: {
-                    maxHeight: '90%'
-                },
-                flexGrow: 1
-            });
+            parts.push('max-h-[90%]', 'md:max-h-[50%]', 'grow');
             break;
         case BlockScaling.Wide:
-            Object.assign(style, { my: '10%', flexGrow: 1 });
+            parts.push('my-[10%]', 'grow');
             break;
         case BlockScaling.Full:
-            Object.assign(style, { height: '100%', flexGrow: 1 });
+            parts.push('h-full', 'grow');
             break;
     }
-    return style;
+    return parts.join(' ');
+};
+/**
+ * Tailwind default breakpoints — kept stable across consumers. If a consumer
+ * has customised Tailwind breakpoints in their app config, override this
+ * via a wrapping hook in the app.
+ */
+const BREAKPOINTS = [
+    { name: 'xs', min: 0, max: 639 },
+    { name: 'sm', min: 640, max: 767 },
+    { name: 'md', min: 768, max: 1023 },
+    { name: 'lg', min: 1024, max: 1279 },
+    { name: 'xl', min: 1280, max: Number.POSITIVE_INFINITY },
+];
+const matchBreakpoint = (width) => {
+    for (const bp of BREAKPOINTS) {
+        if (width >= bp.min && width <= bp.max) {
+            return bp.name;
+        }
+    }
+    return 'xs';
 };
 export const useBreakPoint = () => {
-    const theme = useTheme();
-    // Define breakpoints
-    const isXs = useMediaQuery(theme.breakpoints.only('xs'));
-    const isSm = useMediaQuery(theme.breakpoints.only('sm'));
-    const isMd = useMediaQuery(theme.breakpoints.only('md'));
-    const isLg = useMediaQuery(theme.breakpoints.only('lg'));
-    const isXl = useMediaQuery(theme.breakpoints.only('xl'));
-    let currentBreakpoint = isXs ? 'xs' : 'unknown'; // Default value
-    if (isSm)
-        currentBreakpoint = 'sm';
-    if (isMd)
-        currentBreakpoint = 'md';
-    if (isLg)
-        currentBreakpoint = 'lg';
-    if (isXl)
-        currentBreakpoint = 'xl';
-    return currentBreakpoint;
+    const [bp, setBp] = useState(() => typeof window === 'undefined' ? 'lg' : matchBreakpoint(window.innerWidth));
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const onResize = () => setBp(matchBreakpoint(window.innerWidth));
+        onResize();
+        window.addEventListener('resize', onResize);
+        return () => window.removeEventListener('resize', onResize);
+    }, []);
+    return bp;
 };
 export const useMapBreakpoint = (map, def, breakpoint) => {
     const _breakpoint = useBreakPoint();

package/build/components/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../src/components/helper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../src/components/helper.ts"],"names":[],"mappings":"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"}

package/build/components/layout/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/layout/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAElC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/layout/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAElC,CAAA"}

package/build/components/layout/component.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-export const Layout = ({ children }) => {
-    return _jsx(Box, { children: children });
+export const Layout = ({ children, className, style }) => {
+    return _jsx("div", { className: className, style: style, children: children });
 };
 //# sourceMappingURL=component.js.map

package/build/components/layout/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/layout/component.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,mBAAmB,CAAA;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtD,OAAO,KAAC,GAAG,cAAE,QAAQ,GAAO,CAAA;AAC9B,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/layout/component.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,OAAO,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAO,CAAA;AAClE,CAAC,CAAA"}

package/build/components/layout/types.d.ts

@@ -1,4 +1,6 @@
-import type { PropsWithChildren } from 'react';
+import type { CSSProperties, PropsWithChildren } from 'react';
 export interface LayoutProps extends PropsWithChildren {
+    className?: string;
+    style?: CSSProperties;
 }
 //# sourceMappingURL=types.d.ts.map

package/build/components/layout/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,WAAY,SAAQ,iBAAiB;CACrD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE7D,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB"}

package/build/components/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAO3C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAwB9B,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAM3C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmC9B,CAAA"}

package/build/components/link.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePanelI18n } from '@owlmeans/client-panel';
-import MUILink from '@mui/material/Link';
 import { useValue } from '@owlmeans/client';
 import { useContext } from '@owlmeans/web-client';
-export const Link = ({ src, module, name, variant, children, center, open, styles }) => {
+import { cn } from '@/lib/utils';
+export const Link = ({ src, module, name, children, center, open, className, style }) => {
     const t = usePanelI18n();
     const context = useContext();
     const href = useValue(async () => {
@@ -20,8 +20,10 @@ export const Link = ({ src, module, name, variant, children, center, open, style
     const label = name != null
         ? t(name)
         : children != null || module == null
-            ? undefined : t(`modules.${typeof module == 'string' ? module : module.alias}`);
+            ? undefined
+            : t(`modules.${typeof module === 'string' ? module : module.alias}`);
     const target = open ? '_blank' : undefined;
-    return _jsx(MUILink, { href: href ?? undefined, target: target, variant: variant, sx: { textAlign: center ? 'center' : 'inherit', ...styles }, children: label ?? children });
+    const rel = open ? 'noopener noreferrer' : undefined;
+    return _jsx("a", { href: href ?? undefined, target: target, rel: rel, className: cn('text-primary underline-offset-4 hover:underline', center && 'text-center', className), style: style, children: label ?? children });
 };
 //# sourceMappingURL=link.js.map

package/build/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGrD,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,YAAY,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE;QAC/B,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,MAAM,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAuB,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;YAC3F,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,EAAU,CAAA;YAEzC,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAA;IAEjB,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI;QACxB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACT,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI;YAClC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,OAAO,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;IACnF,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC1C,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAwC,EACxG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,MAAM,EAAE,YAAG,KAAK,IAAI,QAAQ,GAAW,CAAA;AAC9F,CAAC,CAAA"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,CAAC,GAAG,YAAY,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE;QAC/B,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,MAAM,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAA2B,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;YAC/F,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,EAAU,CAAA;YACzC,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAA;IAEjB,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI;QACxB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACT,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI;YAClC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,CAAC,CAAC,WAAW,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;IACxE,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpD,OAAO,YACL,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,MAAM,IAAI,aAAa,EACvB,SAAS,CACV,EACD,KAAK,EAAE,KAAK,YACZ,KAAK,IAAI,QAAQ,GAAK,CAAA;AAC1B,CAAC,CAAA"}

package/build/components/panel-app/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAO/C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUtC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAQtC,CAAA"}

package/build/components/panel-app/component.js

@@ -1,11 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { App } from '@owlmeans/client';
 import { I18nContext } from '@owlmeans/client-i18n';
-import CssBaseline from '@mui/material/CssBaseline';
-import { createTheme, ThemeProvider } from '@mui/material/styles';
-export const PanelApp = ({ context, provide, children, theme }) => {
-    theme = useMemo(() => theme ?? createTheme(), [theme]);
-    return _jsx(ThemeProvider, { theme: theme, children: _jsx(I18nContext, { config: context.cfg, children: _jsxs(App, { context: context, provide: provide, children: [_jsx(CssBaseline, {}), children] }) }) });
+import { cn } from '@/lib/utils';
+export const PanelApp = ({ context, provide, children, rootClassName }) => {
+    return _jsx("div", { className: cn('min-h-screen bg-background text-foreground', rootClassName), children: _jsx(I18nContext, { config: context.cfg, children: _jsx(App, { context: context, provide: provide, children: children }) }) });
 };
 //# sourceMappingURL=component.js.map

package/build/components/panel-app/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/panel-app/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,WAAW,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACtD,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,OAAO,CAAC,GAAG,YAC9B,MAAC,GAAG,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aACrC,KAAC,WAAW,KAAG,EACd,QAAQ,IACJ,GACK,GACA,CAAA;AAClB,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/panel-app/component.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;IAC3F,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,aAAa,CAAC,YACpF,KAAC,WAAW,IAAC,MAAM,EAAE,OAAO,CAAC,GAAG,YAC9B,KAAC,GAAG,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YACpC,QAAQ,GACL,GACM,GACV,CAAA;AACR,CAAC,CAAA"}

package/build/components/panel-app/types.d.ts

@@ -1,6 +1,10 @@
-import type { Theme } from '@mui/material/styles';
 import type { AppProps } from '@owlmeans/client';
 export interface PanelAppProps extends AppProps {
-    theme?: Theme;
+    /**
+     * Optional CSS class added to the outermost wrapper. Use to scope
+     * Tailwind theme overrides (e.g. `'dark'` or a custom theme class).
+     * Replaces the legacy MUI `theme?: Theme` prop.
+     */
+    rootClassName?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/build/components/panel-app/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAA;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}