@aglyn/shared-ui-jsx 1.0.0-beta.143

package/src/lib/components/dialog-confirm.js

@@ -0,0 +1,74 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
+import DialogTitle from "@mui/material/DialogTitle";
+import { forwardRef } from "react";
+export const DialogConfirm = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { open, options = {
+        cancellationText: 'Cancel',
+        confirmationText: 'OK'
+    }, onCancel, onConfirm, onClose } = props, rest = _object_without_properties_loose(props, [
+        "open",
+        "options",
+        "onCancel",
+        "onConfirm",
+        "onClose"
+    ]);
+    const { title, description, confirmationText, cancellationText, dialogProps, confirmationButtonProps, cancellationButtonProps } = options;
+    return /*#__PURE__*/ _jsxs(Dialog, _extends({
+        ref: ref,
+        fullWidth: true
+    }, rest, dialogProps, {
+        open: open,
+        onClose: onClose,
+        children: [
+            title && /*#__PURE__*/ _jsx(DialogTitle, {
+                children: title
+            }),
+            description && /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsx(DialogContentText, {
+                    children: description
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, _extends({}, cancellationButtonProps, {
+                        onClick: onCancel,
+                        children: cancellationText
+                    })),
+                    /*#__PURE__*/ _jsx(Button, _extends({
+                        color: "primary"
+                    }, confirmationButtonProps, {
+                        onClick: onConfirm,
+                        children: confirmationText
+                    }))
+                ]
+            })
+        ]
+    }));
+});
+DialogConfirm.displayName = 'DialogConfirm';
+DialogConfirm.aglyn = true;
+export default DialogConfirm;
+
+//# sourceMappingURL=dialog-confirm.js.map

package/src/lib/components/dialog-confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/dialog-confirm.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Button, { ButtonProps } from '@mui/material/Button'\nimport Dialog, { DialogProps } from '@mui/material/Dialog'\nimport DialogActions from '@mui/material/DialogActions'\nimport DialogContent from '@mui/material/DialogContent'\nimport DialogContentText, {\n  DialogContentTextProps,\n} from '@mui/material/DialogContentText'\nimport DialogTitle, { DialogTitleProps } from '@mui/material/DialogTitle'\nimport { forwardRef } from 'react'\n\nexport interface DialogConfirmOptions {\n  cancellationText?: ButtonProps['children']\n  confirmationText?: ButtonProps['children']\n  cancellationButtonProps?: Partial<ButtonProps>\n  confirmationButtonProps?: Partial<ButtonProps>\n  dialogProps?: Partial<DialogProps>\n  title?: DialogTitleProps['children']\n  description?: DialogContentTextProps['children']\n}\n\nexport interface DialogConfirmProps extends DialogProps {\n  options?: DialogConfirmOptions\n  onConfirm?: ButtonProps['onClick']\n  onCancel?: ButtonProps['onClick']\n}\n\nexport const DialogConfirm = forwardRef<any, DialogConfirmProps>(\n  (props, ref) => {\n    const {\n      open,\n      options = {\n        cancellationText: 'Cancel',\n        confirmationText: 'OK',\n      },\n      onCancel,\n      onConfirm,\n      onClose,\n      ...rest\n    } = props\n    const {\n      title,\n      description,\n      confirmationText,\n      cancellationText,\n      dialogProps,\n      confirmationButtonProps,\n      cancellationButtonProps,\n    } = options\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        {...rest}\n        {...dialogProps}\n        open={open}\n        onClose={onClose}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        {description && (\n          <DialogContent>\n            <DialogContentText>{description}</DialogContentText>\n          </DialogContent>\n        )}\n        <DialogActions>\n          <Button {...cancellationButtonProps} onClick={onCancel}>\n            {cancellationText}\n          </Button>\n          <Button\n            color=\"primary\"\n            {...confirmationButtonProps}\n            onClick={onConfirm}\n          >\n            {confirmationText}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    )\n  },\n)\n\nDialogConfirm.displayName = 'DialogConfirm'\nDialogConfirm.aglyn = true\n\nexport default DialogConfirm\n"],"names":["Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","forwardRef","DialogConfirm","props","ref","open","options","cancellationText","confirmationText","onCancel","onConfirm","onClose","rest","title","description","dialogProps","confirmationButtonProps","cancellationButtonProps","fullWidth","onClick","color","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,OAAOA,YAA6B,uBAAsB;AAC1D,OAAOC,YAA6B,uBAAsB;AAC1D,OAAOC,mBAAmB,8BAA6B;AACvD,OAAOC,mBAAmB,8BAA6B;AACvD,OAAOC,uBAEA,kCAAiC;AACxC,OAAOC,iBAAuC,4BAA2B;AACzE,SAASC,UAAU,QAAQ,QAAO;AAkBlC,OAAO,MAAMC,8BAAgBD,WAC3B,CAACE,OAAOC;IACN,MAAM,EACJC,IAAI,EACJC,UAAU;QACRC,kBAAkB;QAClBC,kBAAkB;IACpB,CAAC,EACDC,QAAQ,EACRC,SAAS,EACTC,OAAO,EAER,GAAGR,OADCS,wCACDT;;;;;;;IACJ,MAAM,EACJU,KAAK,EACLC,WAAW,EACXN,gBAAgB,EAChBD,gBAAgB,EAChBQ,WAAW,EACXC,uBAAuB,EACvBC,uBAAuB,EACxB,GAAGX;IACJ,qBACE,MAACV;QACCQ,KAAKA;QACLc,SAAS;OACLN,MACAG;QACJV,MAAMA;QACNM,SAASA;;YAERE,uBAAS,KAACb;0BAAaa;;YACvBC,6BACC,KAAChB;0BACC,cAAA,KAACC;8BAAmBe;;;0BAGxB,MAACjB;;kCACC,KAACF,qBAAWsB;wBAAyBE,SAASV;kCAC3CF;;kCAEH,KAACZ;wBACCyB,OAAM;uBACFJ;wBACJG,SAAST;kCAERF;;;;;;AAKX,GACD;AAEDN,cAAcmB,WAAW,GAAG;AAC5BnB,cAAcoB,KAAK,GAAG;AAEtB,eAAepB,cAAa"}

package/src/lib/components/ellipsis-pulse.component.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { BoxProps } from '@mui/material';
+export interface EllipsisPulseProps extends BoxProps {
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit' | string;
+}
+export declare const EllipsisPulseComponent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & EllipsisPulseProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export default EllipsisPulseComponent;

package/src/lib/components/ellipsis-pulse.component.js

@@ -0,0 +1,51 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { styled } from "@aglyn/shared-ui-theme";
+export const EllipsisPulseComponent = styled('span', {
+    name: 'AglynEllipsisPulse'
+})(({ theme, color })=>{
+    const clr = !color || color === 'inherit' ? theme.palette.primary.main : color === 'primary' ? theme.palette.primary.main : color === 'primary' ? theme.palette.primary.main : color === 'error' ? theme.palette.error.main : color === 'info' ? theme.palette.info.main : color === 'success' ? theme.palette.success.main : color === 'warning' ? theme.palette.warning.main : typeof color === 'string' ? color : theme.palette.primary.main;
+    return {
+        '@keyframes dotPulseAfter': {
+            '0%': {
+                content: '""'
+            },
+            '25%': {
+                content: '"."'
+            },
+            '50%': {
+                content: '".."'
+            },
+            '75%': {
+                content: '"..."'
+            },
+            '100%': {
+                content: '""'
+            }
+        },
+        position: 'absolute',
+        '&:after': {
+            display: 'inline-block',
+            animation: 'dotPulseAfter steps(1, end) 2s infinite',
+            content: '""',
+            color: clr
+        }
+    };
+});
+EllipsisPulseComponent.displayName = 'EllipsisPulseComponent';
+export default EllipsisPulseComponent;
+
+//# sourceMappingURL=ellipsis-pulse.component.js.map

package/src/lib/components/ellipsis-pulse.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/ellipsis-pulse.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { styled } from '@aglyn/shared-ui-theme'\nimport type { BoxProps } from '@mui/material'\n\nexport interface EllipsisPulseProps extends BoxProps {\n  color?:\n    | 'primary'\n    | 'secondary'\n    | 'error'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'inherit'\n    | string\n}\n\nexport const EllipsisPulseComponent = styled('span', {\n  name: 'AglynEllipsisPulse',\n})<EllipsisPulseProps>(({ theme, color }) => {\n  const clr =\n    !color || color === 'inherit'\n      ? theme.palette.primary.main\n      : color === 'primary'\n        ? theme.palette.primary.main\n        : color === 'primary'\n          ? theme.palette.primary.main\n          : color === 'error'\n            ? theme.palette.error.main\n            : color === 'info'\n              ? theme.palette.info.main\n              : color === 'success'\n                ? theme.palette.success.main\n                : color === 'warning'\n                  ? theme.palette.warning.main\n                  : typeof color === 'string'\n                    ? color\n                    : theme.palette.primary.main\n\n  return {\n    '@keyframes dotPulseAfter': {\n      '0%': { content: '\"\"' },\n      '25%': { content: '\".\"' },\n      '50%': { content: '\"..\"' },\n      '75%': { content: '\"...\"' },\n      '100%': { content: '\"\"' },\n    },\n    position: 'absolute',\n\n    '&:after': {\n      display: 'inline-block',\n      animation: 'dotPulseAfter steps(1, end) 2s infinite',\n      content: '\"\"',\n      color: clr,\n    },\n  }\n})\nEllipsisPulseComponent.displayName = 'EllipsisPulseComponent'\n\nexport default EllipsisPulseComponent\n"],"names":["styled","EllipsisPulseComponent","name","theme","color","clr","palette","primary","main","error","info","success","warning","content","position","display","animation","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,MAAM,QAAQ,yBAAwB;AAe/C,OAAO,MAAMC,yBAAyBD,OAAO,QAAQ;IACnDE,MAAM;AACR,GAAuB,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE;IACtC,MAAMC,MACJ,CAACD,SAASA,UAAU,YAChBD,MAAMG,OAAO,CAACC,OAAO,CAACC,IAAI,GAC1BJ,UAAU,YACRD,MAAMG,OAAO,CAACC,OAAO,CAACC,IAAI,GAC1BJ,UAAU,YACRD,MAAMG,OAAO,CAACC,OAAO,CAACC,IAAI,GAC1BJ,UAAU,UACRD,MAAMG,OAAO,CAACG,KAAK,CAACD,IAAI,GACxBJ,UAAU,SACRD,MAAMG,OAAO,CAACI,IAAI,CAACF,IAAI,GACvBJ,UAAU,YACRD,MAAMG,OAAO,CAACK,OAAO,CAACH,IAAI,GAC1BJ,UAAU,YACRD,MAAMG,OAAO,CAACM,OAAO,CAACJ,IAAI,GAC1B,OAAOJ,UAAU,WACfA,QACAD,MAAMG,OAAO,CAACC,OAAO,CAACC,IAAI;IAE9C,OAAO;QACL,4BAA4B;YAC1B,MAAM;gBAAEK,SAAS;YAAK;YACtB,OAAO;gBAAEA,SAAS;YAAM;YACxB,OAAO;gBAAEA,SAAS;YAAO;YACzB,OAAO;gBAAEA,SAAS;YAAQ;YAC1B,QAAQ;gBAAEA,SAAS;YAAK;QAC1B;QACAC,UAAU;QAEV,WAAW;YACTC,SAAS;YACTC,WAAW;YACXH,SAAS;YACTT,OAAOC;QACT;IACF;AACF,GAAE;AACFJ,uBAAuBgB,WAAW,GAAG;AAErC,eAAehB,uBAAsB"}

package/src/lib/components/emotion-cache-provider.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type CreateEmotionCacheOptions, type EmotionCache } from '@aglyn/shared-ui-theme';
+export type EmotionCacheProps = {
+    children?: JSX.Children;
+} & ({
+    emotionCache?: EmotionCache;
+    cacheOptions?: never;
+} | {
+    cacheOptions?: CreateEmotionCacheOptions;
+    emotionCache?: never;
+});
+export declare function EmotionCacheProvider(props: EmotionCacheProps): import("react").JSX.Element;
+export declare namespace EmotionCacheProvider {
+    var displayName: string;
+}
+export default EmotionCacheProvider;

package/src/lib/components/emotion-cache-provider.js

@@ -0,0 +1,40 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ // eslint-disable-next-line @nx/enforce-module-boundaries
+import { CacheProvider, createEmotionCache } from "@aglyn/shared-ui-theme";
+import { useMemo } from "react";
+export function EmotionCacheProvider(props) {
+    const { emotionCache, cacheOptions, children } = props;
+    const cache = useMemo(()=>{
+        if (emotionCache) return emotionCache;
+        return createEmotionCache(_extends({
+            key: 'next'
+        }, cacheOptions));
+    }, [
+        emotionCache,
+        cacheOptions
+    ]);
+    return /*#__PURE__*/ _jsx(CacheProvider, {
+        value: cache,
+        children: children
+    });
+}
+EmotionCacheProvider.displayName = 'EmotionCacheComponent';
+export default EmotionCacheProvider;
+
+//# sourceMappingURL=emotion-cache-provider.js.map

package/src/lib/components/emotion-cache-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/emotion-cache-provider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport {\n  CacheProvider,\n  createEmotionCache,\n  type CreateEmotionCacheOptions,\n  type EmotionCache,\n} from '@aglyn/shared-ui-theme'\nimport { useMemo } from 'react'\n\nexport type EmotionCacheProps = { children?: JSX.Children } & (\n  | { emotionCache?: EmotionCache; cacheOptions?: never }\n  | { cacheOptions?: CreateEmotionCacheOptions; emotionCache?: never }\n)\n\nexport function EmotionCacheProvider(props: EmotionCacheProps) {\n  const { emotionCache, cacheOptions, children } = props\n\n  const cache = useMemo(() => {\n    if (emotionCache) return emotionCache\n    return createEmotionCache({\n      key: 'next',\n      ...cacheOptions,\n    })\n  }, [emotionCache, cacheOptions])\n\n  return <CacheProvider value={cache}>{children}</CacheProvider>\n}\nEmotionCacheProvider.displayName = 'EmotionCacheComponent'\n\nexport default EmotionCacheProvider\n"],"names":["CacheProvider","createEmotionCache","useMemo","EmotionCacheProvider","props","emotionCache","cacheOptions","children","cache","key","value","displayName"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED,yDAAyD;AACzD,SACEA,aAAa,EACbC,kBAAkB,QAGb,yBAAwB;AAC/B,SAASC,OAAO,QAAQ,QAAO;AAO/B,OAAO,SAASC,qBAAqBC,KAAwB;IAC3D,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAE,GAAGH;IAEjD,MAAMI,QAAQN,QAAQ;QACpB,IAAIG,cAAc,OAAOA;QACzB,OAAOJ,mBAAmB;YACxBQ,KAAK;WACFH;IAEP,GAAG;QAACD;QAAcC;KAAa;IAE/B,qBAAO,KAACN;QAAcU,OAAOF;kBAAQD;;AACvC;AACAJ,qBAAqBQ,WAAW,GAAG;AAEnC,eAAeR,qBAAoB"}

package/src/lib/components/empty-state.component.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type CSSObject, type Theme } from '@aglyn/shared-ui-theme';
+import { type BoxProps } from '@mui/material';
+import type { ReactNode } from 'react';
+/**
+ * The wash a grid's no-rows overlay paints, for an empty state that is NOT
+ * inside one.
+ *
+ * Every list built on `DataTableComponent` draws this component inside MUI
+ * X's `GridOverlay`, which fills itself with `background.default` at
+ * `action.disabledOpacity`. A hand-built table — the screens tree — has no
+ * overlay to inherit that from, so its empty cell asks for the fill here
+ * instead of spelling the formula a second time.
+ *
+ * The tokens are read through `theme.vars` wherever the theme has them. On a
+ * CSS-variables theme — the console's — `theme.palette` is bound to the
+ * DEFAULT color scheme, so a palette read composes the LIGHT value and keeps
+ * it through a switch to dark; only the `--mui-palette-*` variables follow
+ * the scheme. `theme.alpha` is MUI's theme-bound helper: handed a variable it
+ * spells the `rgba(var(--…Channel) / …)` form that stays bound to it, and
+ * handed a literal — a published site renders under a plain `createTheme()`,
+ * which has no `vars` — it composes a literal `rgba()`.
+ *
+ * Pass it as an `sx` on its own, or spread it into one that carries more.
+ */
+export declare const emptyStateBackdropSx: (theme: Theme) => CSSObject;
+export interface EmptyStateProps extends Omit<BoxProps, 'title'> {
+    /** The headline — what is not here. */
+    label: ReactNode;
+    /** One sentence on what to do about it. Optional. */
+    description?: ReactNode;
+    /** The way out: a create button, an upload button. Optional. */
+    action?: ReactNode;
+    /** Drops the illustration where vertical space is tight. */
+    compact?: boolean;
+}
+/** The illustration, as its own element so callers can reuse the fills. */
+export declare function EmptyStateIllustration(props: {
+    width?: number;
+}): import("react").JSX.Element;
+export declare namespace EmptyStateIllustration {
+    var displayName: string;
+}
+export declare function EmptyStateComponent(props: EmptyStateProps): import("react").JSX.Element;
+export declare namespace EmptyStateComponent {
+    var displayName: string;
+}
+export default EmptyStateComponent;

package/src/lib/components/empty-state.component.js

@@ -0,0 +1,214 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { generateComponentClassKeys, styled } from "@aglyn/shared-ui-theme";
+import { Box, Typography } from "@mui/material";
+/**
+ * The console's empty state — one illustration, one sentence, one way out
+ * (AGL-2501).
+ *
+ * Lifted out of `data-table.component.tsx`, where it had been living as the
+ * grid's no-rows overlay. Every list built on that grid — screens, layouts,
+ * components, templates — has drawn this since AGL-601, and the media library
+ * has drawn a bare line of grey text: *"No media here — upload images, video,
+ * PDFs and documents to use on your site."* Same product, same moment, two
+ * different answers, and the one with no illustration reads like a rendering
+ * gap rather than an invitation.
+ *
+ * NOT in the `@aglyn/shared-ui-jsx` barrel, on purpose — subpath-import it
+ * (`@aglyn/shared-ui-jsx/components/empty-state.component`). Nothing in the
+ * tenant page graph shows an empty state, and the barrel rule at the top of
+ * `src/index.ts` is enforced in CI.
+ */ const classKeys = generateComponentClassKeys('EmptyStateComponent', [
+    'label',
+    'description',
+    'action',
+    'img1',
+    'img2',
+    'img3',
+    'img4',
+    'img5'
+]);
+const EmptyStateRoot = styled(Box, {
+    name: 'AglynEmptyState'
+})(({ theme })=>({
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
+        padding: theme.spacing(3, 2),
+        [`& .${classKeys.label}`]: {
+            marginTop: theme.spacing(1)
+        },
+        [`& .${classKeys.description}`]: {
+            marginTop: theme.spacing(0.5),
+            maxWidth: 420
+        },
+        [`& .${classKeys.action}`]: {
+            marginTop: theme.spacing(2)
+        },
+        // The five fills the artwork is built from, taken off the theme's grey
+        // ramp rather than written as hex (AGL-2501). Still mode-aware — the flat
+        // light greys disappear entirely against a dark surface — but the ramp is
+        // what decides the tone now, so a host that retunes its greys retunes the
+        // illustration with them instead of leaving it behind.
+        //
+        // The steps are chosen to keep the original stack's ORDER: img4 is the
+        // paper the shape sits on, img2/img3 are its faces, img1 is the darkest
+        // edge. Two of the originals carried a faint blue cast that the neutral
+        // ramp does not; at this size, in a placeholder graphic, the depth
+        // ordering is what reads, not the hue.
+        [`& .${classKeys.img1}`]: {
+            fill: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[900]
+        },
+        [`& .${classKeys.img2}`]: {
+            fill: theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[700]
+        },
+        [`& .${classKeys.img3}`]: {
+            fill: theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800]
+        },
+        [`& .${classKeys.img4}`]: {
+            fill: theme.palette.mode === 'light' ? theme.palette.common.white : theme.palette.grey[900]
+        },
+        [`& .${classKeys.img5}`]: {
+            fillOpacity: theme.palette.mode === 'light' ? '0.8' : '0.08',
+            fill: theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.common.white
+        }
+    }));
+/**
+ * The wash a grid's no-rows overlay paints, for an empty state that is NOT
+ * inside one.
+ *
+ * Every list built on `DataTableComponent` draws this component inside MUI
+ * X's `GridOverlay`, which fills itself with `background.default` at
+ * `action.disabledOpacity`. A hand-built table — the screens tree — has no
+ * overlay to inherit that from, so its empty cell asks for the fill here
+ * instead of spelling the formula a second time.
+ *
+ * The tokens are read through `theme.vars` wherever the theme has them. On a
+ * CSS-variables theme — the console's — `theme.palette` is bound to the
+ * DEFAULT color scheme, so a palette read composes the LIGHT value and keeps
+ * it through a switch to dark; only the `--mui-palette-*` variables follow
+ * the scheme. `theme.alpha` is MUI's theme-bound helper: handed a variable it
+ * spells the `rgba(var(--…Channel) / …)` form that stays bound to it, and
+ * handed a literal — a published site renders under a plain `createTheme()`,
+ * which has no `vars` — it composes a literal `rgba()`.
+ *
+ * Pass it as an `sx` on its own, or spread it into one that carries more.
+ */ export const emptyStateBackdropSx = (theme)=>{
+    var _theme_vars;
+    const tokens = (_theme_vars = theme.vars) != null ? _theme_vars : theme;
+    return {
+        backgroundColor: theme.alpha(tokens.palette.background.default, tokens.palette.action.disabledOpacity)
+    };
+};
+/** The illustration, as its own element so callers can reuse the fills. */ export function EmptyStateIllustration(props) {
+    const { width = 120 } = props;
+    return /*#__PURE__*/ _jsx("svg", {
+        width: width,
+        height: width / 120 * 100,
+        viewBox: "0 0 184 152",
+        "aria-hidden": true,
+        focusable: "false",
+        children: /*#__PURE__*/ _jsxs("g", {
+            fill: "none",
+            fillRule: "evenodd",
+            children: [
+                /*#__PURE__*/ _jsxs("g", {
+                    transform: "translate(24 31.67)",
+                    children: [
+                        /*#__PURE__*/ _jsx("ellipse", {
+                            className: classKeys.img5,
+                            cx: "67.797",
+                            cy: "106.89",
+                            rx: "67.797",
+                            ry: "12.668"
+                        }),
+                        /*#__PURE__*/ _jsx("path", {
+                            className: classKeys.img1,
+                            d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
+                        }),
+                        /*#__PURE__*/ _jsx("path", {
+                            className: classKeys.img2,
+                            d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
+                        }),
+                        /*#__PURE__*/ _jsx("path", {
+                            className: classKeys.img3,
+                            d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    className: classKeys.img3,
+                    d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
+                }),
+                /*#__PURE__*/ _jsxs("g", {
+                    className: classKeys.img4,
+                    transform: "translate(149.65 15.383)",
+                    children: [
+                        /*#__PURE__*/ _jsx("ellipse", {
+                            cx: "20.654",
+                            cy: "3.167",
+                            rx: "2.849",
+                            ry: "2.815"
+                        }),
+                        /*#__PURE__*/ _jsx("path", {
+                            d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+EmptyStateIllustration.displayName = 'EmptyStateIllustration';
+export function EmptyStateComponent(props) {
+    const { label, description, action, compact, children } = props, rest = _object_without_properties_loose(props, [
+        "label",
+        "description",
+        "action",
+        "compact",
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsxs(EmptyStateRoot, _extends({}, rest, {
+        children: [
+            compact ? null : /*#__PURE__*/ _jsx(EmptyStateIllustration, {}),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                className: classKeys.label,
+                children: label
+            }),
+            description ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                className: classKeys.description,
+                children: description
+            }) : null,
+            action ? /*#__PURE__*/ _jsx(Box, {
+                className: classKeys.action,
+                children: action
+            }) : null,
+            children
+        ]
+    }));
+}
+EmptyStateComponent.displayName = 'EmptyStateComponent';
+export default EmptyStateComponent;
+
+//# sourceMappingURL=empty-state.component.js.map

package/src/lib/components/empty-state.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/empty-state.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  generateComponentClassKeys,\n  styled,\n  type CSSObject,\n  type Theme,\n} from '@aglyn/shared-ui-theme'\nimport { Box, type BoxProps, Typography } from '@mui/material'\nimport type { ReactNode } from 'react'\n\n/**\n * The console's empty state — one illustration, one sentence, one way out\n * (AGL-2501).\n *\n * Lifted out of `data-table.component.tsx`, where it had been living as the\n * grid's no-rows overlay. Every list built on that grid — screens, layouts,\n * components, templates — has drawn this since AGL-601, and the media library\n * has drawn a bare line of grey text: *\"No media here — upload images, video,\n * PDFs and documents to use on your site.\"* Same product, same moment, two\n * different answers, and the one with no illustration reads like a rendering\n * gap rather than an invitation.\n *\n * NOT in the `@aglyn/shared-ui-jsx` barrel, on purpose — subpath-import it\n * (`@aglyn/shared-ui-jsx/components/empty-state.component`). Nothing in the\n * tenant page graph shows an empty state, and the barrel rule at the top of\n * `src/index.ts` is enforced in CI.\n */\n\nconst classKeys = generateComponentClassKeys('EmptyStateComponent', [\n  'label',\n  'description',\n  'action',\n  'img1',\n  'img2',\n  'img3',\n  'img4',\n  'img5',\n])\n\nconst EmptyStateRoot = styled(Box, { name: 'AglynEmptyState' })(\n  ({ theme }) => ({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    padding: theme.spacing(3, 2),\n    [`& .${classKeys.label}`]: {\n      marginTop: theme.spacing(1),\n    },\n    [`& .${classKeys.description}`]: {\n      marginTop: theme.spacing(0.5),\n      maxWidth: 420,\n    },\n    [`& .${classKeys.action}`]: {\n      marginTop: theme.spacing(2),\n    },\n    // The five fills the artwork is built from, taken off the theme's grey\n    // ramp rather than written as hex (AGL-2501). Still mode-aware — the flat\n    // light greys disappear entirely against a dark surface — but the ramp is\n    // what decides the tone now, so a host that retunes its greys retunes the\n    // illustration with them instead of leaving it behind.\n    //\n    // The steps are chosen to keep the original stack's ORDER: img4 is the\n    // paper the shape sits on, img2/img3 are its faces, img1 is the darkest\n    // edge. Two of the originals carried a faint blue cast that the neutral\n    // ramp does not; at this size, in a placeholder graphic, the depth\n    // ordering is what reads, not the hue.\n    [`& .${classKeys.img1}`]: {\n      fill:\n        theme.palette.mode === 'light'\n          ? theme.palette.grey[400]\n          : theme.palette.grey[900],\n    },\n    [`& .${classKeys.img2}`]: {\n      fill:\n        theme.palette.mode === 'light'\n          ? theme.palette.grey[100]\n          : theme.palette.grey[700],\n    },\n    [`& .${classKeys.img3}`]: {\n      fill:\n        theme.palette.mode === 'light'\n          ? theme.palette.grey[300]\n          : theme.palette.grey[800],\n    },\n    [`& .${classKeys.img4}`]: {\n      fill:\n        theme.palette.mode === 'light'\n          ? theme.palette.common.white\n          : theme.palette.grey[900],\n    },\n    [`& .${classKeys.img5}`]: {\n      fillOpacity: theme.palette.mode === 'light' ? '0.8' : '0.08',\n      fill:\n        theme.palette.mode === 'light'\n          ? theme.palette.grey[100]\n          : theme.palette.common.white,\n    },\n  }),\n)\n\n/**\n * The wash a grid's no-rows overlay paints, for an empty state that is NOT\n * inside one.\n *\n * Every list built on `DataTableComponent` draws this component inside MUI\n * X's `GridOverlay`, which fills itself with `background.default` at\n * `action.disabledOpacity`. A hand-built table — the screens tree — has no\n * overlay to inherit that from, so its empty cell asks for the fill here\n * instead of spelling the formula a second time.\n *\n * The tokens are read through `theme.vars` wherever the theme has them. On a\n * CSS-variables theme — the console's — `theme.palette` is bound to the\n * DEFAULT color scheme, so a palette read composes the LIGHT value and keeps\n * it through a switch to dark; only the `--mui-palette-*` variables follow\n * the scheme. `theme.alpha` is MUI's theme-bound helper: handed a variable it\n * spells the `rgba(var(--…Channel) / …)` form that stays bound to it, and\n * handed a literal — a published site renders under a plain `createTheme()`,\n * which has no `vars` — it composes a literal `rgba()`.\n *\n * Pass it as an `sx` on its own, or spread it into one that carries more.\n */\nexport const emptyStateBackdropSx = (theme: Theme): CSSObject => {\n  const tokens = theme.vars ?? theme\n  return {\n    backgroundColor: theme.alpha(\n      tokens.palette.background.default,\n      tokens.palette.action.disabledOpacity,\n    ),\n  }\n}\n\nexport interface EmptyStateProps extends Omit<BoxProps, 'title'> {\n  /** The headline — what is not here. */\n  label: ReactNode\n  /** One sentence on what to do about it. Optional. */\n  description?: ReactNode\n  /** The way out: a create button, an upload button. Optional. */\n  action?: ReactNode\n  /** Drops the illustration where vertical space is tight. */\n  compact?: boolean\n}\n\n/** The illustration, as its own element so callers can reuse the fills. */\nexport function EmptyStateIllustration(props: { width?: number }) {\n  const { width = 120 } = props\n  return (\n    <svg\n      width={width}\n      height={(width / 120) * 100}\n      viewBox=\"0 0 184 152\"\n      aria-hidden\n      focusable=\"false\"\n    >\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g transform=\"translate(24 31.67)\">\n          <ellipse\n            className={classKeys.img5}\n            cx=\"67.797\"\n            cy=\"106.89\"\n            rx=\"67.797\"\n            ry=\"12.668\"\n          />\n          <path\n            className={classKeys.img1}\n            d=\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\"\n          />\n          <path\n            className={classKeys.img2}\n            d=\"M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z\"\n          />\n          <path\n            className={classKeys.img3}\n            d=\"M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z\"\n          />\n        </g>\n        <path\n          className={classKeys.img3}\n          d=\"M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z\"\n        />\n        <g className={classKeys.img4} transform=\"translate(149.65 15.383)\">\n          <ellipse cx=\"20.654\" cy=\"3.167\" rx=\"2.849\" ry=\"2.815\" />\n          <path d=\"M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z\" />\n        </g>\n      </g>\n    </svg>\n  )\n}\nEmptyStateIllustration.displayName = 'EmptyStateIllustration'\n\nexport function EmptyStateComponent(props: EmptyStateProps) {\n  const { label, description, action, compact, children, ...rest } = props\n  return (\n    <EmptyStateRoot {...rest}>\n      {compact ? null : <EmptyStateIllustration />}\n      <Typography variant=\"body2\" className={classKeys.label}>\n        {label}\n      </Typography>\n      {description ? (\n        <Typography\n          variant=\"body2\"\n          color=\"text.secondary\"\n          className={classKeys.description}\n        >\n          {description}\n        </Typography>\n      ) : null}\n      {action ? <Box className={classKeys.action}>{action}</Box> : null}\n      {children}\n    </EmptyStateRoot>\n  )\n}\nEmptyStateComponent.displayName = 'EmptyStateComponent'\n\nexport default EmptyStateComponent\n"],"names":["generateComponentClassKeys","styled","Box","Typography","classKeys","EmptyStateRoot","name","theme","display","flexDirection","alignItems","justifyContent","textAlign","padding","spacing","label","marginTop","description","maxWidth","action","img1","fill","palette","mode","grey","img2","img3","img4","common","white","img5","fillOpacity","emptyStateBackdropSx","tokens","vars","backgroundColor","alpha","background","default","disabledOpacity","EmptyStateIllustration","props","width","svg","height","viewBox","aria-hidden","focusable","g","fillRule","transform","ellipse","className","cx","cy","rx","ry","path","d","displayName","EmptyStateComponent","compact","children","rest","variant","color"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,0BAA0B,EAC1BC,MAAM,QAGD,yBAAwB;AAC/B,SAASC,GAAG,EAAiBC,UAAU,QAAQ,gBAAe;AAG9D;;;;;;;;;;;;;;;;CAgBC,GAED,MAAMC,YAAYJ,2BAA2B,uBAAuB;IAClE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,MAAMK,iBAAiBJ,OAAOC,KAAK;IAAEI,MAAM;AAAkB,GAC3D,CAAC,EAAEC,KAAK,EAAE,GAAM,CAAA;QACdC,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,gBAAgB;QAChBC,WAAW;QACXC,SAASN,MAAMO,OAAO,CAAC,GAAG;QAC1B,CAAC,CAAC,GAAG,EAAEV,UAAUW,KAAK,EAAE,CAAC,EAAE;YACzBC,WAAWT,MAAMO,OAAO,CAAC;QAC3B;QACA,CAAC,CAAC,GAAG,EAAEV,UAAUa,WAAW,EAAE,CAAC,EAAE;YAC/BD,WAAWT,MAAMO,OAAO,CAAC;YACzBI,UAAU;QACZ;QACA,CAAC,CAAC,GAAG,EAAEd,UAAUe,MAAM,EAAE,CAAC,EAAE;YAC1BH,WAAWT,MAAMO,OAAO,CAAC;QAC3B;QACA,uEAAuE;QACvE,0EAA0E;QAC1E,0EAA0E;QAC1E,0EAA0E;QAC1E,uDAAuD;QACvD,EAAE;QACF,uEAAuE;QACvE,wEAAwE;QACxE,wEAAwE;QACxE,mEAAmE;QACnE,uCAAuC;QACvC,CAAC,CAAC,GAAG,EAAEV,UAAUgB,IAAI,EAAE,CAAC,EAAE;YACxBC,MACEd,MAAMe,OAAO,CAACC,IAAI,KAAK,UACnBhB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI,GACvBjB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI;QAC/B;QACA,CAAC,CAAC,GAAG,EAAEpB,UAAUqB,IAAI,EAAE,CAAC,EAAE;YACxBJ,MACEd,MAAMe,OAAO,CAACC,IAAI,KAAK,UACnBhB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI,GACvBjB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI;QAC/B;QACA,CAAC,CAAC,GAAG,EAAEpB,UAAUsB,IAAI,EAAE,CAAC,EAAE;YACxBL,MACEd,MAAMe,OAAO,CAACC,IAAI,KAAK,UACnBhB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI,GACvBjB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI;QAC/B;QACA,CAAC,CAAC,GAAG,EAAEpB,UAAUuB,IAAI,EAAE,CAAC,EAAE;YACxBN,MACEd,MAAMe,OAAO,CAACC,IAAI,KAAK,UACnBhB,MAAMe,OAAO,CAACM,MAAM,CAACC,KAAK,GAC1BtB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI;QAC/B;QACA,CAAC,CAAC,GAAG,EAAEpB,UAAU0B,IAAI,EAAE,CAAC,EAAE;YACxBC,aAAaxB,MAAMe,OAAO,CAACC,IAAI,KAAK,UAAU,QAAQ;YACtDF,MACEd,MAAMe,OAAO,CAACC,IAAI,KAAK,UACnBhB,MAAMe,OAAO,CAACE,IAAI,CAAC,IAAI,GACvBjB,MAAMe,OAAO,CAACM,MAAM,CAACC,KAAK;QAClC;IACF,CAAA;AAGF;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,MAAMG,uBAAuB,CAACzB;QACpBA;IAAf,MAAM0B,UAAS1B,cAAAA,MAAM2B,IAAI,YAAV3B,cAAcA;IAC7B,OAAO;QACL4B,iBAAiB5B,MAAM6B,KAAK,CAC1BH,OAAOX,OAAO,CAACe,UAAU,CAACC,OAAO,EACjCL,OAAOX,OAAO,CAACH,MAAM,CAACoB,eAAe;IAEzC;AACF,EAAC;AAaD,yEAAyE,GACzE,OAAO,SAASC,uBAAuBC,KAAyB;IAC9D,MAAM,EAAEC,QAAQ,GAAG,EAAE,GAAGD;IACxB,qBACE,KAACE;QACCD,OAAOA;QACPE,QAAQ,AAACF,QAAQ,MAAO;QACxBG,SAAQ;QACRC,aAAW;QACXC,WAAU;kBAEV,cAAA,MAACC;YAAE3B,MAAK;YAAO4B,UAAS;;8BACtB,MAACD;oBAAEE,WAAU;;sCACX,KAACC;4BACCC,WAAWhD,UAAU0B,IAAI;4BACzBuB,IAAG;4BACHC,IAAG;4BACHC,IAAG;4BACHC,IAAG;;sCAEL,KAACC;4BACCL,WAAWhD,UAAUgB,IAAI;4BACzBsC,GAAE;;sCAEJ,KAACD;4BACCL,WAAWhD,UAAUqB,IAAI;4BACzBiC,GAAE;;sCAEJ,KAACD;4BACCL,WAAWhD,UAAUsB,IAAI;4BACzBgC,GAAE;;;;8BAGN,KAACD;oBACCL,WAAWhD,UAAUsB,IAAI;oBACzBgC,GAAE;;8BAEJ,MAACV;oBAAEI,WAAWhD,UAAUuB,IAAI;oBAAEuB,WAAU;;sCACtC,KAACC;4BAAQE,IAAG;4BAASC,IAAG;4BAAQC,IAAG;4BAAQC,IAAG;;sCAC9C,KAACC;4BAAKC,GAAE;;;;;;;AAKlB;AACAlB,uBAAuBmB,WAAW,GAAG;AAErC,OAAO,SAASC,oBAAoBnB,KAAsB;IACxD,MAAM,EAAE1B,KAAK,EAAEE,WAAW,EAAEE,MAAM,EAAE0C,OAAO,EAAEC,QAAQ,EAAW,GAAGrB,OAATsB,wCAAStB;;;;;;;IACnE,qBACE,MAACpC,6BAAmB0D;;YACjBF,UAAU,qBAAO,KAACrB;0BACnB,KAACrC;gBAAW6D,SAAQ;gBAAQZ,WAAWhD,UAAUW,KAAK;0BACnDA;;YAEFE,4BACC,KAACd;gBACC6D,SAAQ;gBACRC,OAAM;gBACNb,WAAWhD,UAAUa,WAAW;0BAE/BA;iBAED;YACHE,uBAAS,KAACjB;gBAAIkD,WAAWhD,UAAUe,MAAM;0BAAGA;iBAAgB;YAC5D2C;;;AAGP;AACAF,oBAAoBD,WAAW,GAAG;AAElC,eAAeC,oBAAmB"}

package/src/lib/components/error-boundary.component.d.ts

@@ -0,0 +1,28 @@
+import { Component, type ComponentType, type ErrorInfo, type ForwardRefExoticComponent, type PropsWithoutRef, type RefAttributes } from 'react';
+export interface ErrorBoundaryProps {
+    children?: JSX.Children;
+    fallback?: JSX.Node;
+    onCatch?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+type State = {
+    hasError: boolean;
+    error: any;
+};
+/**
+ * @see https://reactjs.org/docs/error-boundaries.html
+ */
+declare class ErrorBoundaryComponentClass extends Component<ErrorBoundaryProps, State> {
+    static displayName: string;
+    static readonly aglyn = true;
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>;
+}
+declare const ErrorBoundaryComponent: ForwardRefExoticComponent<ErrorBoundaryProps & RefAttributes<ErrorBoundaryComponentClass>>;
+export declare function withErrorBoundary<P, T>(WrappedComponent: ComponentType<P>, options?: ErrorBoundaryProps): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+export { ErrorBoundaryComponent };
+export default ErrorBoundaryComponent;