@joelbarron/react-web-dev-kit 0.1.5 → 0.1.7

package/dist/auth/fuse/fuseIntegration.d.ts

@@ -16,6 +16,8 @@ export declare const fuseAuthRoles: {
     readonly user: readonly ["admin", "staff", "user"];
     readonly onlyGuest: readonly [];
 };
+export type FuseAuthRolesMap = Record<string, string[]>;
+export declare function createFuseAuthRoles(customRoles?: FuseAuthRolesMap): FuseAuthRolesMap;
 export declare function createFuseUserModel<TUser extends FuseUser>(): (data?: Partial<TUser>) => TUser;
 type CreateFuseUseUserOptions<TUser extends FuseUser> = {
     useAuth: () => {

package/dist/auth/fuse/fuseIntegration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fuseIntegration.d.ts","sourceRoot":"","sources":["../../../src/auth/fuse/fuseIntegration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,QAAQ,MAChD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAG,KAAK,CAetC;AAED,KAAK,wBAAwB,CAAC,KAAK,SAAS,QAAQ,IAAI;IACtD,OAAO,EAAE,MAAM;QACb,SAAS,EAAE;YAAE,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;QACzC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;KAC5D,CAAC;IACF,KAAK,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;CAChE,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,QAAQ,EAAE,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC;;;;uBAQxD,OAAO,CAAC,KAAK,CAAC;sCAWC,KAAK,CAAC,UAAU,CAAC;EAuBzE;AAED,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,eAAe,EACnE,WAAW,EAAE,MAAM,eAAe,IAET,WAAW,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,eAAe,CAAC,MAC9C,OAAO,MAAM,6CAUjD;AAED,KAAK,+BAA+B,CAAC,KAAK,SAAS,QAAQ,IAAI;IAC7D,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC,SAAS,EAAE,KAAK,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;YACb,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC;SAC3E,CAAC,CAAC;QACH,QAAQ,EAAE,CAAC,SAAS,EAAE;YAAE,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,KAAK,SAAS,CAAC;KACpE,CAAC,CAAC;IACH,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;QACpC,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,SAAS,QAAQ,EAAE,OAAO,EAAE,+BAA+B,CAAC,KAAK,CAAC,IAW/E,OAAO;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAY9D"}
+{"version":3,"file":"fuseIntegration.d.ts","sourceRoot":"","sources":["../../../src/auth/fuse/fuseIntegration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAExD,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAwBpF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,QAAQ,MAChD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAG,KAAK,CAetC;AAED,KAAK,wBAAwB,CAAC,KAAK,SAAS,QAAQ,IAAI;IACtD,OAAO,EAAE,MAAM;QACb,SAAS,EAAE;YAAE,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;QACzC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;KAC5D,CAAC;IACF,KAAK,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;CAChE,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,QAAQ,EAAE,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC;;;;uBAQxD,OAAO,CAAC,KAAK,CAAC;sCAWC,KAAK,CAAC,UAAU,CAAC;EAuBzE;AAED,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,eAAe,EACnE,WAAW,EAAE,MAAM,eAAe,IAET,WAAW,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,eAAe,CAAC,MAC9C,OAAO,MAAM,6CAUjD;AAED,KAAK,+BAA+B,CAAC,KAAK,SAAS,QAAQ,IAAI;IAC7D,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC;QACpC,SAAS,EAAE,KAAK,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;YACb,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC;SAC3E,CAAC,CAAC;QACH,QAAQ,EAAE,CAAC,SAAS,EAAE;YAAE,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,KAAK,SAAS,CAAC;KACpE,CAAC,CAAC;IACH,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;QACpC,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,SAAS,QAAQ,EAAE,OAAO,EAAE,+BAA+B,CAAC,KAAK,CAAC,IAW/E,OAAO;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAY9D"}

package/dist/auth/fuse/fuseIntegration.js

@@ -8,6 +8,24 @@ export const fuseAuthRoles = {
     user: ['admin', 'staff', 'user'],
     onlyGuest: []
 };
+export function createFuseAuthRoles(customRoles) {
+    const mergedRoles = Object.entries(fuseAuthRoles).reduce((accumulator, [roleKey, roleValues]) => {
+        accumulator[roleKey] = [...roleValues];
+        return accumulator;
+    }, {});
+    if (!customRoles) {
+        return mergedRoles;
+    }
+    Object.entries(customRoles).forEach(([roleKey, roleValues]) => {
+        const normalizedRoleValues = Array.from(new Set(roleValues ?? []));
+        if (!mergedRoles[roleKey]) {
+            mergedRoles[roleKey] = normalizedRoleValues;
+            return;
+        }
+        mergedRoles[roleKey] = Array.from(new Set([...mergedRoles[roleKey], ...normalizedRoleValues]));
+    });
+    return mergedRoles;
+}
 export function createFuseUserModel() {
     return (data) => {
         const userData = data || {};

package/dist/auth/social/providerAuth.d.ts.map

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

package/dist/auth/social/providerAuth.js

@@ -45,11 +45,18 @@ const ensureFacebookSdk = async (clientId) => {
     });
 };
 const isLikelyMobileBrowser = () => {
-    if (typeof navigator === 'undefined') {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') {
         return false;
     }
     const userAgent = navigator.userAgent || '';
-    return /Android|iPhone|iPad|iPod|IEMobile|Opera Mini/i.test(userAgent);
+    const hasTouch = (navigator.maxTouchPoints ?? 0) > 0;
+    const hasCoarsePointer = typeof window.matchMedia === 'function'
+        ? window.matchMedia('(pointer: coarse)').matches
+        : false;
+    const smallViewport = typeof window.innerWidth === 'number' ? window.innerWidth <= 1024 : false;
+    const isMobileUserAgent = /Android|iPhone|iPad|iPod|IEMobile|Opera Mini|Mobile/i.test(userAgent);
+    const isIpadOsDesktopMode = /Macintosh/i.test(userAgent) && hasTouch;
+    return isMobileUserAgent || isIpadOsDesktopMode || ((hasTouch || hasCoarsePointer) && smallViewport);
 };
 const logSocialDebug = (enabled, message, payload) => {
     if (!enabled) {
@@ -157,10 +164,11 @@ const authenticateWithApple = async (config) => {
     };
 };
 const authenticateWithFacebook = async (config) => {
-    const shouldUsePopup = config.usePopup ?? !isLikelyMobileBrowser();
+    const mobileBrowser = isLikelyMobileBrowser();
+    const shouldUsePopup = config.usePopup ?? !mobileBrowser;
     const resolvedDisplay = shouldUsePopup
         ? 'popup'
-        : isLikelyMobileBrowser()
+        : mobileBrowser
             ? 'touch'
             : 'page';
     logSocialDebug(config.debug, 'facebook provider auth start', {

package/dist/config/createConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createConfig.d.ts","sourceRoot":"","sources":["../../src/config/createConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,UAAU,EAEV,uBAAuB,EACvB,kBAAkB,EAElB,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,GAC5B,aAAa,oBAAoB,EACjC,YAAY,oBAAoB,KAC/B,WA6BF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,YAAY,eAAe,EAAE,OAAO,UAAU,KAAG,MAEtF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAC7B,UAAU,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,OAAO,UAAU,EACjB,WAAW,CAAC,KACX,CAAC,GAAG,SAQN,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,WAAW,KAAG,MAEnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,QAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAClC,UAAU,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,WAAW,CAAC,KACX,CAAC,GAAG,SAEN,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,aAAa,oBAAoB,EACjC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,KACvC,WA+FF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,WAAW,KAAG,MAErD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,KAAG,uBAAuB,EAEhF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,KAAG,uBAAuB,EAEtF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,KAAG,MAAM,GAAG,SAExE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,KAAG,kBAEzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,WAAW,KAAG,OAE5D,CAAC"}
+{"version":3,"file":"createConfig.d.ts","sourceRoot":"","sources":["../../src/config/createConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,UAAU,EAEV,uBAAuB,EACvB,kBAAkB,EAElB,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,GAC5B,aAAa,oBAAoB,EACjC,YAAY,oBAAoB,KAC/B,WA6BF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,YAAY,eAAe,EAAE,OAAO,UAAU,KAAG,MAEtF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAC7B,UAAU,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,OAAO,UAAU,EACjB,WAAW,CAAC,KACX,CAAC,GAAG,SAQN,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,WAAW,KAAG,MAEnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,QAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAClC,UAAU,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,WAAW,CAAC,KACX,CAAC,GAAG,SAEN,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,aAAa,oBAAoB,EACjC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,KACvC,WA2IF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,WAAW,KAAG,MAErD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,KAAG,uBAAuB,EAEhF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,KAAG,uBAAuB,EAEtF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,KAAG,MAAM,GAAG,SAExE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,KAAG,kBAEzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,WAAW,KAAG,OAE5D,CAAC"}

package/dist/config/createConfig.js

@@ -40,7 +40,28 @@ export const getConfigStageValue = (config, stageMap, fallback) => {
     return getStageValue(stageMap, config.stage, fallback);
 };
 export const createJBWebConfigFromEnv = (baseConfig, env) => {
-    const runtimeEnv = env ?? {};
+    const resolveRuntimeEnv = () => {
+        if (env) {
+            return env;
+        }
+        try {
+            const importMetaEnv = import.meta.env;
+            if (importMetaEnv && typeof importMetaEnv === 'object') {
+                return importMetaEnv;
+            }
+        }
+        catch {
+            // Ignore import.meta access errors outside of ESM/runtime contexts.
+        }
+        if (typeof globalThis !== 'undefined') {
+            const globalEnv = globalThis.__ENV__;
+            if (globalEnv && typeof globalEnv === 'object') {
+                return globalEnv;
+            }
+        }
+        return {};
+    };
+    const runtimeEnv = resolveRuntimeEnv();
     const parseEnvList = (value) => {
         if (!value) {
             return undefined;
@@ -82,9 +103,25 @@ export const createJBWebConfigFromEnv = (baseConfig, env) => {
     const googleEnabled = parseBooleanEnv(runtimeEnv.VITE_AUTH_SOCIAL_GOOGLE_ENABLED);
     const facebookEnabled = parseBooleanEnv(runtimeEnv.VITE_AUTH_SOCIAL_FACEBOOK_ENABLED);
     const appleEnabled = parseBooleanEnv(runtimeEnv.VITE_AUTH_SOCIAL_APPLE_ENABLED);
+    const apiHostOverrides = {};
+    const setApiHost = (stage, value) => {
+        if (!value) {
+            return;
+        }
+        const normalizedValue = value.trim();
+        if (!normalizedValue) {
+            return;
+        }
+        apiHostOverrides[stage] = normalizedValue;
+    };
+    setApiHost('PRODUCTION', runtimeEnv.VITE_API_HOST_PRODUCTION);
+    setApiHost('QA', runtimeEnv.VITE_API_HOST_QA);
+    setApiHost('DEVELOPMENT', runtimeEnv.VITE_API_HOST_DEVELOPMENT);
+    setApiHost('LOCAL', runtimeEnv.VITE_API_HOST_LOCAL);
     return createJBWebConfig(baseConfig, {
         debug: runtimeEnv.VITE_DEBUG === 'true' ? true : undefined,
         stage: runtimeEnv.VITE_STAGE,
+        api: Object.keys(apiHostOverrides).length > 0 ? { host: apiHostOverrides } : undefined,
         integrations: {
             mapboxToken: runtimeEnv.VITE_MAPBOX_TOKEN
         },

package/dist/config/defaults.js

@@ -2,7 +2,7 @@ export const defaultJBAppConfig = {
     debug: false,
     forceHideStage: false,
     stage: 'DEVELOPMENT',
-    defaultRows: 10,
+    defaultRows: 30,
     maxRows: 999999999,
     momentLocale: 'es-mx',
     defaultLocaleDate: 'es',

package/dist/core/buttons/JBButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '@mui/material';
+export type JBButtonAction = 'save' | 'edit' | 'cancel' | 'delete' | 'primary' | 'secondary';
+export type JBButtonProps = Omit<ButtonProps, 'size' | 'action'> & {
+    action?: JBButtonAction;
+    size?: ButtonProps['size'];
+};
+export declare function JBButton(props: JBButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBButton.d.ts.map

package/dist/core/buttons/JBButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBButton.d.ts","sourceRoot":"","sources":["../../../src/core/buttons/JBButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7F,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG;IACjE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AA6BF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6C5C"}

package/dist/core/buttons/JBButton.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
+import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded';
+import EditRoundedIcon from '@mui/icons-material/EditRounded';
+import SaveRoundedIcon from '@mui/icons-material/SaveRounded';
+import { Button } from '@mui/material';
+const ACTION_VARIANT = {
+    save: 'contained',
+    edit: 'contained',
+    cancel: 'outlined',
+    delete: 'contained',
+    primary: 'contained',
+    secondary: 'contained'
+};
+const ACTION_COLOR = {
+    save: 'primary',
+    edit: 'warning',
+    cancel: undefined,
+    delete: 'error',
+    primary: 'primary',
+    secondary: 'secondary'
+};
+const ACTION_ICON = {
+    save: _jsx(SaveRoundedIcon, { fontSize: "small" }),
+    edit: _jsx(EditRoundedIcon, { fontSize: "small" }),
+    cancel: _jsx(CloseRoundedIcon, { fontSize: "small" }),
+    delete: _jsx(DeleteRoundedIcon, { fontSize: "small" }),
+    primary: undefined,
+    secondary: undefined
+};
+export function JBButton(props) {
+    const { action, size = 'large', variant, color, startIcon, sx, children, ...rest } = props;
+    const resolvedVariant = variant ?? (action ? ACTION_VARIANT[action] : 'contained');
+    const resolvedColor = color ?? (action ? ACTION_COLOR[action] : 'primary');
+    const resolvedStartIcon = startIcon ?? (action ? ACTION_ICON[action] : undefined);
+    return (_jsx(Button, { ...rest, size: size, variant: resolvedVariant, color: resolvedColor, startIcon: resolvedStartIcon, sx: [
+            () => ({
+                borderRadius: 1.5,
+                minHeight: 42,
+                px: 2.25,
+                fontWeight: 700,
+                ...(resolvedVariant === 'contained'
+                    ? {
+                        boxShadow: 'none',
+                        backgroundImage: 'none',
+                        '&:hover': {
+                            boxShadow: 'none',
+                            backgroundImage: 'none'
+                        }
+                    }
+                    : {})
+            }),
+            ...(Array.isArray(sx) ? sx : sx ? [sx] : [])
+        ], children: children }));
+}

package/dist/core/buttons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './JBButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/buttons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/core/buttons/index.js

@@ -0,0 +1 @@
+export * from './JBButton';

package/dist/core/dialogs/JBConfirmDialog.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type JBConfirmDialogProps = {
+    open: boolean;
+    title?: ReactNode;
+    description?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    loading?: boolean;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    confirmColor?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    onConfirm: () => void;
+    onClose: () => void;
+};
+export declare function JBConfirmDialog(props: JBConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBConfirmDialog.d.ts.map

package/dist/core/dialogs/JBConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/core/dialogs/JBConfirmDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAClF,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA8C1D"}

package/dist/core/dialogs/JBConfirmDialog.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from '@mui/material';
+export function JBConfirmDialog(props) {
+    const { open, title = 'Confirmar', description, confirmLabel = 'Confirmar', cancelLabel = 'Cancelar', loading = false, maxWidth = 'xs', confirmColor = 'primary', onConfirm, onClose } = props;
+    return (_jsxs(Dialog, { open: open, onClose: loading ? undefined : onClose, maxWidth: maxWidth, fullWidth: true, children: [_jsx(DialogTitle, { children: title }), description ? (_jsx(DialogContent, { children: typeof description === 'string' ? _jsx(Typography, { variant: "body2", children: description }) : description })) : null, _jsxs(DialogActions, { sx: { px: 3, pb: 2 }, children: [_jsx(Button, { variant: "outlined", onClick: onClose, disabled: loading, children: cancelLabel }), _jsx(Button, { variant: "contained", color: confirmColor, onClick: onConfirm, disabled: loading, children: confirmLabel })] })] }));
+}

package/dist/core/dialogs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './JBConfirmDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/dialogs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/dialogs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/core/dialogs/index.js

@@ -0,0 +1 @@
+export * from './JBConfirmDialog';

package/dist/core/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dialogs';
+export * from './layout';
+export * from './skeletons';
+export * from './buttons';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,4 @@
+export * from './dialogs';
+export * from './layout';
+export * from './skeletons';
+export * from './buttons';

package/dist/core/layout/JBContentContainer.d.ts

@@ -0,0 +1,31 @@
+import { SxProps, Theme } from '@mui/material';
+import { KeyboardEventHandler, ReactNode } from 'react';
+export type JBContentContainerProps = {
+    children: ReactNode;
+    header?: ReactNode;
+    stickyHeader?: boolean;
+    stickyHeaderTop?: number | string;
+    stickyHeaderZIndex?: number;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    animated?: boolean;
+    animationDelayMs?: number;
+    animationDurationMs?: number;
+    padding?: number | string | {
+        xs?: number | string;
+        sm?: number | string;
+        md?: number | string;
+        lg?: number | string;
+    };
+    contentPadding?: number | string | {
+        xs?: number | string;
+        sm?: number | string;
+        md?: number | string;
+        lg?: number | string;
+    };
+    withGradient?: boolean;
+    paperSx?: SxProps<Theme>;
+    headerSx?: SxProps<Theme>;
+    contentSx?: SxProps<Theme>;
+};
+export declare function JBContentContainer(props: JBContentContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBContentContainer.d.ts.map

package/dist/core/layout/JBContentContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBContentContainer.d.ts","sourceRoot":"","sources":["../../../src/core/layout/JBContentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAE9H,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC5B,CAAC;AAKF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA2FhE"}

package/dist/core/layout/JBContentContainer.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Paper } from '@mui/material';
+import { alpha } from '@mui/material/styles';
+const defaultOuterPadding = { xs: 1.5, sm: 2.5, md: 3 };
+const defaultContentPadding = { xs: 2.5, sm: 3, md: 4 };
+export function JBContentContainer(props) {
+    const { children, header, stickyHeader = false, stickyHeaderTop = 0, stickyHeaderZIndex = 2, onKeyDown, animated = true, animationDelayMs = 0, animationDurationMs = 260, padding = defaultOuterPadding, contentPadding = defaultContentPadding, 
+    // borderRadius = 3,
+    withGradient = false, paperSx, headerSx, contentSx } = props;
+    return (_jsx(Box, { className: "w-full h-full", sx: { p: padding }, onKeyDown: onKeyDown, children: _jsx(Box, { sx: animated
+                ? {
+                    '@keyframes jbFadeSlideIn': {
+                        from: { opacity: 0, transform: 'translateY(14px)' },
+                        to: { opacity: 1, transform: 'translateY(0)' }
+                    },
+                    animation: `jbFadeSlideIn ${animationDurationMs}ms ease-out ${animationDelayMs}ms both`
+                }
+                : undefined, children: _jsxs(Paper, { elevation: 0, sx: [
+                    (theme) => ({
+                        position: 'relative',
+                        overflow: stickyHeader ? 'visible' : 'hidden',
+                        // borderRadius,
+                        // border: `1px solid ${theme.palette.divider}`,
+                        background: withGradient
+                            ? `linear-gradient(180deg, ${alpha(theme.palette.background.paper, 0.96)} 0%, ${alpha(theme.palette.background.default, 0.9)} 100%)`
+                            : theme.palette.background.paper
+                    }),
+                    ...(Array.isArray(paperSx) ? paperSx : paperSx ? [paperSx] : [])
+                ], children: [header ? (_jsx(Box, { sx: [
+                            {
+                                px: { xs: 2, sm: 3, md: 4 },
+                                pt: { xs: 2, sm: 2.5 },
+                                pb: 0.75,
+                                borderBottom: '1px solid',
+                                borderColor: 'divider',
+                                ...(stickyHeader
+                                    ? {
+                                        position: 'sticky',
+                                        top: stickyHeaderTop,
+                                        zIndex: stickyHeaderZIndex,
+                                        bgcolor: 'background.paper'
+                                    }
+                                    : {})
+                            },
+                            ...(Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : [])
+                        ], children: header })) : null, _jsx(Box, { sx: [
+                            { px: contentPadding, py: contentPadding },
+                            ...(Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : [])
+                        ], children: children })] }) }) }));
+}

package/dist/core/layout/JBFormHeader.d.ts

@@ -0,0 +1,3 @@
+import { JBFormHeaderProps } from '../../grid/types';
+export declare function JBFormHeader(props: JBFormHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBFormHeader.d.ts.map

package/dist/core/layout/JBFormHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBFormHeader.d.ts","sourceRoot":"","sources":["../../../src/core/layout/JBFormHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA+PpD"}

package/dist/core/layout/JBFormHeader.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import { alpha } from '@mui/material/styles';
+import { JBButton } from '../buttons';
+export function JBFormHeader(props) {
+    const { moduleConfig, iconNameRenderer, animated = true, animationDurationMs = 260, animationStaggerMs = 70, animationPreset = 'vertical', breadcrumb, showBackButton = false, backLabel, onBackClick, backContent, isNew = false, recordId, title, dynamicTitle, formValues, getDynamicTitle, subtitle, dynamicSubtitle, getDynamicSubtitle, icon, actions, rightContent } = props;
+    const dynamicTitleFromResolver = getDynamicTitle?.({ isNew, values: formValues });
+    const dynamicSubtitleFromResolver = getDynamicSubtitle?.({ isNew, values: formValues });
+    const resolvedDynamicTitle = (!isNew ? dynamicTitle : undefined) ?? dynamicTitleFromResolver;
+    const moduleTitle = title ??
+        (isNew ? moduleConfig?.texts?.newText : moduleConfig?.texts?.editText) ??
+        moduleConfig?.texts?.moduleName ??
+        '';
+    const hasStaticTitle = Boolean(moduleTitle);
+    const dynamicSubtitleCandidate = dynamicSubtitle ??
+        dynamicSubtitleFromResolver ??
+        (hasStaticTitle ? resolvedDynamicTitle : undefined);
+    const staticSubtitleCandidate = subtitle ??
+        moduleConfig?.texts?.formHeaderSubtitle ??
+        '';
+    const baseSubtitle = dynamicSubtitleCandidate ?? staticSubtitleCandidate;
+    const recordPrefix = moduleConfig?.texts?.formHeaderRecordPrefix;
+    const canApplyRecordPrefix = !isNew &&
+        Boolean(recordPrefix) &&
+        recordId !== undefined &&
+        recordId !== null &&
+        String(recordId).trim() !== '' &&
+        Boolean(dynamicSubtitleCandidate);
+    const resolvedTitle = (hasStaticTitle ? moduleTitle : undefined) ||
+        resolvedDynamicTitle ||
+        '';
+    const resolvedSubtitle = canApplyRecordPrefix
+        ? [`${recordPrefix}-${recordId}`, baseSubtitle].filter(Boolean).join(' / ')
+        : baseSubtitle;
+    const resolvedBackLabel = backLabel ?? moduleConfig?.texts?.goBackToGrid ?? 'Volver';
+    const resolvedIcon = icon ??
+        (moduleConfig?.texts?.iconName && iconNameRenderer
+            ? iconNameRenderer(moduleConfig.texts.iconName)
+            : null);
+    const formDisabled = actions?.formDisabled ?? false;
+    const allowEdit = actions?.allowEdit ?? false;
+    const allowDelete = actions?.allowDelete ?? false;
+    const showDeleteWhenEditing = actions?.showDeleteWhenEditing ?? false;
+    const defaultActions = actions ? (_jsxs(Box, { sx: {
+            display: 'flex',
+            gap: 1,
+            flexWrap: 'wrap',
+            justifyContent: { xs: 'center', md: 'flex-end' },
+            alignItems: 'center',
+            width: { xs: '100%', md: 'auto' }
+        }, children: [!isNew && allowEdit && formDisabled && actions.onStartEdit ? (_jsx(JBButton, { action: "edit", size: "large", disabled: actions.disableEdit, startIcon: actions.editIcon, onClick: actions.onStartEdit, children: actions.editLabel ?? 'Editar' })) : null, (isNew || !formDisabled) && actions.onCancel ? (_jsx(JBButton, { action: "cancel", size: "large", disabled: actions.disableCancel, startIcon: actions.cancelIcon, onClick: actions.onCancel, children: actions.cancelLabel ?? 'Cancelar' })) : null, (isNew || !formDisabled) && actions.onSave ? (_jsx(JBButton, { action: "save", size: "large", disabled: actions.disableSave, startIcon: actions.saveIcon, onClick: actions.onSave, children: actions.saveLabel ?? (isNew ? 'Guardar' : 'Guardar cambios') })) : null, allowDelete &&
+                actions.onDelete &&
+                (formDisabled || showDeleteWhenEditing) ? (_jsx(JBButton, { action: "delete", size: "large", disabled: actions.disableDelete, startIcon: actions.deleteIcon, onClick: actions.onDelete, children: actions.deleteLabel ?? 'Eliminar' })) : null] })) : null;
+    const resolvedRightContent = rightContent ?? defaultActions;
+    const animateSx = (delayMs) => animated
+        ? {
+            animation: `jbHeaderFadeIn ${animationDurationMs}ms ease-out ${delayMs}ms both`
+        }
+        : undefined;
+    const animateFromLeftSx = (delayMs) => animated && animationPreset === 'sides'
+        ? {
+            animation: `jbHeaderFadeInLeft ${animationDurationMs}ms ease-out ${delayMs}ms both`
+        }
+        : animateSx(delayMs);
+    const animateFromRightSx = (delayMs) => animated && animationPreset === 'sides'
+        ? {
+            animation: `jbHeaderFadeInRight ${animationDurationMs}ms ease-out ${delayMs}ms both`
+        }
+        : animateSx(delayMs);
+    return (_jsxs(Box, { sx: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            p: { xs: 2, sm: 3 },
+            '@keyframes jbHeaderFadeIn': {
+                from: { opacity: 0, transform: 'translateY(10px)' },
+                to: { opacity: 1, transform: 'translateY(0)' }
+            },
+            '@keyframes jbHeaderFadeInLeft': {
+                from: { opacity: 0, transform: 'translateX(-16px)' },
+                to: { opacity: 1, transform: 'translateX(0)' }
+            },
+            '@keyframes jbHeaderFadeInRight': {
+                from: { opacity: 0, transform: 'translateX(16px)' },
+                to: { opacity: 1, transform: 'translateX(0)' }
+            }
+        }, children: [breadcrumb ? _jsx(Box, { sx: animateSx(0), children: breadcrumb }) : null, backContent ? _jsx(Box, { sx: animateSx(animationStaggerMs), children: backContent }) : null, showBackButton && onBackClick ? (_jsx(Typography, { role: "button", color: "text.primary", sx: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: 0.75,
+                    width: 'fit-content',
+                    alignSelf: { xs: 'center', md: 'flex-start' },
+                    fontWeight: 500,
+                    fontSize: { xs: '0.95rem', md: '1rem' },
+                    cursor: 'pointer',
+                    opacity: 0.9,
+                    transition: 'all .16s ease',
+                    '&:hover': { opacity: 1, color: 'primary.main' },
+                    ...animateSx(animationStaggerMs * 2)
+                }, onClick: onBackClick, children: `← ${resolvedBackLabel}` })) : null, _jsxs(Box, { sx: {
+                    display: { xs: 'flex', md: 'grid' },
+                    flexDirection: { xs: 'column', md: 'row' },
+                    gridTemplateColumns: { md: 'minmax(0, 1fr) auto' },
+                    alignItems: { xs: 'center', md: 'center' },
+                    width: '100%',
+                    gap: 2
+                }, children: [_jsxs(Box, { sx: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: { xs: 'center', md: 'flex-start' },
+                            gap: 1.25,
+                            minWidth: 0,
+                            width: '100%',
+                            ...animateFromLeftSx(animationStaggerMs * 3)
+                        }, children: [resolvedIcon ? _jsx(Box, { sx: { display: 'inline-flex', alignItems: 'center' }, children: resolvedIcon }) : null, _jsxs(Box, { sx: { minWidth: 0, textAlign: { xs: 'center', md: 'left' } }, children: [_jsx(Typography, { variant: "h5", sx: { fontWeight: 700, lineHeight: 1.15 }, children: resolvedTitle }), resolvedSubtitle ? (_jsx(Typography, { variant: "body2", sx: (theme) => ({
+                                            mt: 0.4,
+                                            fontWeight: 500,
+                                            lineHeight: 1.1,
+                                            color: theme.palette.mode === 'dark'
+                                                ? alpha(theme.palette.common.white, 0.9)
+                                                : theme.palette.primary.dark
+                                        }), children: resolvedSubtitle })) : null] })] }), _jsx(Box, { sx: {
+                            width: { xs: '100%', md: 'auto' },
+                            display: 'flex',
+                            justifySelf: { md: 'end' },
+                            justifyContent: { xs: 'center', md: 'flex-end' },
+                            alignItems: 'center',
+                            ...animateFromRightSx(animationStaggerMs * 4)
+                        }, children: resolvedRightContent })] })] }));
+}

package/dist/core/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './JBContentContainer';
+export * from './JBFormHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/core/layout/index.js

@@ -0,0 +1,2 @@
+export * from './JBContentContainer';
+export * from './JBFormHeader';

package/dist/core/skeletons/JBFormContentSkeleton.d.ts

@@ -0,0 +1,5 @@
+export type JBFormContentSkeletonProps = {
+    fieldCount?: number;
+};
+export declare function JBFormContentSkeleton(props: JBFormContentSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBFormContentSkeleton.d.ts.map

package/dist/core/skeletons/JBFormContentSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBFormContentSkeleton.d.ts","sourceRoot":"","sources":["../../../src/core/skeletons/JBFormContentSkeleton.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA8BtE"}

package/dist/core/skeletons/JBFormContentSkeleton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton } from '@mui/material';
+export function JBFormContentSkeleton(props) {
+    const { fieldCount = 4 } = props;
+    const fields = Array.from({ length: fieldCount });
+    return (_jsx(Box, { sx: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 3
+        }, children: fields.map((_, index) => (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: [_jsx(Skeleton, { variant: "text", width: 140, height: 24 }), _jsx(Skeleton, { variant: "rounded", width: "100%", height: 44 })] }, index))) }));
+}

package/dist/core/skeletons/JBFormHeaderSkeleton.d.ts

@@ -0,0 +1,6 @@
+export type JBFormHeaderSkeletonProps = {
+    showBackLink?: boolean;
+    showActions?: boolean;
+};
+export declare function JBFormHeaderSkeleton(props: JBFormHeaderSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBFormHeaderSkeleton.d.ts.map

package/dist/core/skeletons/JBFormHeaderSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBFormHeaderSkeleton.d.ts","sourceRoot":"","sources":["../../../src/core/skeletons/JBFormHeaderSkeleton.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAwEpE"}

package/dist/core/skeletons/JBFormHeaderSkeleton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton } from '@mui/material';
+export function JBFormHeaderSkeleton(props) {
+    const { showBackLink = true, showActions = true } = props;
+    return (_jsxs(Box, { sx: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            p: { xs: 2, sm: 3 }
+        }, children: [_jsx(Skeleton, { variant: "rounded", width: 300, height: 28 }), showBackLink ? (_jsx(Skeleton, { variant: "text", width: 170, height: 30 })) : null, _jsxs(Box, { sx: {
+                    display: { xs: 'flex', sm: 'grid' },
+                    flexDirection: { xs: 'column', sm: 'row' },
+                    gridTemplateColumns: { sm: 'minmax(0, 1fr) auto' },
+                    alignItems: { xs: 'stretch', sm: 'center' },
+                    width: '100%',
+                    gap: 2
+                }, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1.25, minWidth: 0 }, children: [_jsx(Skeleton, { variant: "circular", width: 30, height: 30 }), _jsxs(Box, { sx: { minWidth: 0 }, children: [_jsx(Skeleton, { variant: "text", width: 280, height: 52 }), _jsx(Skeleton, { variant: "text", width: 240, height: 30 })] })] }), showActions ? (_jsxs(Box, { sx: { display: 'flex', gap: 1, justifySelf: { sm: 'end' } }, children: [_jsx(Skeleton, { variant: "rounded", width: 116, height: 42 }), _jsx(Skeleton, { variant: "rounded", width: 116, height: 42 })] })) : null] })] }));
+}

package/dist/core/skeletons/index.d.ts

@@ -0,0 +1,3 @@
+export * from './JBFormHeaderSkeleton';
+export * from './JBFormContentSkeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/skeletons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/skeletons/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC"}