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

package/src/lib/components/mdi-icon/md-icon-stack.js

@@ -0,0 +1,101 @@
+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 { mergeSxProps } from "@aglyn/shared-ui-theme";
+import { SvgIcon } from "@mui/material";
+import { Children, cloneElement, forwardRef } from "react";
+import useId from "../../hooks/use-id.js";
+export const MdIconStack = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { title = null, description = null, size = null, color = 'currentColor', horizontal = null, vertical = null, rotate = null, spin = null, children, sx, id: idProp } = props, rest = _object_without_properties_loose(props, [
+        "title",
+        "description",
+        "size",
+        "color",
+        "horizontal",
+        "vertical",
+        "rotate",
+        "spin",
+        "children",
+        "sx",
+        "id"
+    ]);
+    const id = useId(idProp);
+    let anySpin = spin === null ? false : spin;
+    const labelledById = `stack_labelledby_${id}`;
+    const describedById = `stack_describedby_${id}`;
+    const ariaLabelledby = description ? `${labelledById} ${describedById}` : labelledById;
+    const mappedChildren = Children.map(children, (child)=>{
+        const res = {
+            size: child.props.size,
+            color: color === null ? child.props.color : color,
+            horizontal: horizontal === null ? child.props.horizontal : horizontal,
+            vertical: vertical === null ? child.props.vertical : vertical,
+            rotate: rotate === null ? child.props.rotate : rotate,
+            spin: spin === null ? child.props.spin : spin,
+            inStack: true
+        };
+        if (anySpin !== true) {
+            anySpin = (spin === null ? child.props.spin : spin) === true;
+        }
+        if (typeof size === 'number' && typeof child.props.size === 'number') {
+            res.size = child.props.size / size;
+        }
+        return /*#__PURE__*/ cloneElement(child, res);
+    });
+    return /*#__PURE__*/ _jsxs(SvgIcon, _extends({
+        ref: ref,
+        sx: mergeSxProps(sx, size !== null && {
+            width: typeof size === 'string' ? size : `${size * 1.5}rem`
+        }, anySpin && {
+            '@keyframes spin': {
+                from: {
+                    transform: 'rotate(0deg)'
+                },
+                to: {
+                    transform: 'rotate(360deg)'
+                }
+            },
+            '@keyframes spin-inverse': {
+                from: {
+                    transform: 'rotate(0deg)'
+                },
+                to: {
+                    transform: 'rotate(-360deg)'
+                }
+            }
+        }),
+        role: !title ? 'presentation' : undefined,
+        "aria-labelledby": !title ? undefined : ariaLabelledby
+    }, rest, {
+        children: [
+            title && /*#__PURE__*/ _jsx("title", {
+                id: labelledById,
+                children: title
+            }),
+            description && /*#__PURE__*/ _jsx("desc", {
+                id: describedById,
+                children: description
+            }),
+            mappedChildren
+        ]
+    }));
+});
+MdIconStack.displayName = 'MdIconStack';
+export default MdIconStack;
+
+//# sourceMappingURL=md-icon-stack.js.map

package/src/lib/components/mdi-icon/md-icon-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/components/mdi-icon/md-icon-stack.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 { mergeSxProps } from '@aglyn/shared-ui-theme'\nimport { SvgIcon, type SvgIconProps } from '@mui/material'\nimport { Children, cloneElement, forwardRef, type ReactElement } from 'react'\nimport useId from '../../hooks/use-id'\nimport { type MdIconProps } from './md-icon'\n\nexport interface MdIconStackProps extends SvgIconProps {\n  children: ReactElement<MdIconProps>[] | ReactElement<MdIconProps>\n  title?: string | null\n  description?: string | null\n  size?: number | string | null\n  horizontal?: boolean | null\n  vertical?: boolean | null\n  rotate?: number | null\n  spin?: boolean | number | null\n}\n\nexport const MdIconStack = forwardRef<SVGSVGElement, MdIconStackProps>(\n  (props, ref) => {\n    const {\n      title = null,\n      description = null,\n      size = null,\n      color = 'currentColor',\n      horizontal = null,\n      vertical = null,\n      rotate = null,\n      spin = null,\n      children,\n      sx,\n      id: idProp,\n      ...rest\n    } = props\n    const id = useId(idProp)\n    let anySpin = spin === null ? false : spin\n    const labelledById = `stack_labelledby_${id}`\n    const describedById = `stack_describedby_${id}`\n    const ariaLabelledby = description\n      ? `${labelledById} ${describedById}`\n      : labelledById\n\n    const mappedChildren = Children.map(children, (child) => {\n      const res = {\n        size: child.props.size,\n        color: color === null ? child.props.color : color,\n        horizontal: horizontal === null ? child.props.horizontal : horizontal,\n        vertical: vertical === null ? child.props.vertical : vertical,\n        rotate: rotate === null ? child.props.rotate : rotate,\n        spin: spin === null ? child.props.spin : spin,\n        inStack: true,\n      } as Partial<MdIconProps>\n\n      if (anySpin !== true) {\n        anySpin = (spin === null ? child.props.spin : spin) === true\n      }\n      if (typeof size === 'number' && typeof child.props.size === 'number') {\n        res.size = child.props.size / size\n      }\n\n      return cloneElement(child, res)\n    })\n\n    return (\n      <SvgIcon\n        ref={ref}\n        sx={mergeSxProps(\n          sx,\n          size !== null && {\n            width: typeof size === 'string' ? size : `${size * 1.5}rem`,\n          },\n          anySpin && {\n            '@keyframes spin': {\n              from: {\n                transform: 'rotate(0deg)',\n              },\n              to: {\n                transform: 'rotate(360deg)',\n              },\n            },\n            '@keyframes spin-inverse': {\n              from: {\n                transform: 'rotate(0deg)',\n              },\n              to: {\n                transform: 'rotate(-360deg)',\n              },\n            },\n          },\n        )}\n        role={!title ? 'presentation' : undefined}\n        aria-labelledby={!title ? undefined : ariaLabelledby}\n        {...rest}\n      >\n        {title && <title id={labelledById}>{title}</title>}\n        {description && <desc id={describedById}>{description}</desc>}\n\n        {mappedChildren}\n      </SvgIcon>\n    )\n  },\n)\n\nMdIconStack.displayName = 'MdIconStack'\n\nexport default MdIconStack\n"],"names":["mergeSxProps","SvgIcon","Children","cloneElement","forwardRef","useId","MdIconStack","props","ref","title","description","size","color","horizontal","vertical","rotate","spin","children","sx","id","idProp","rest","anySpin","labelledById","describedById","ariaLabelledby","mappedChildren","map","child","res","inStack","width","from","transform","to","role","undefined","aria-labelledby","desc","displayName"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,YAAY,QAAQ,yBAAwB;AACrD,SAASC,OAAO,QAA2B,gBAAe;AAC1D,SAASC,QAAQ,EAAEC,YAAY,EAAEC,UAAU,QAA2B,QAAO;AAC7E,OAAOC,WAAW,wBAAoB;AActC,OAAO,MAAMC,4BAAcF,WACzB,CAACG,OAAOC;IACN,MAAM,EACJC,QAAQ,IAAI,EACZC,cAAc,IAAI,EAClBC,OAAO,IAAI,EACXC,QAAQ,cAAc,EACtBC,aAAa,IAAI,EACjBC,WAAW,IAAI,EACfC,SAAS,IAAI,EACbC,OAAO,IAAI,EACXC,QAAQ,EACRC,EAAE,EACFC,IAAIC,MAAM,EAEX,GAAGb,OADCc,wCACDd;;;;;;;;;;;;;IACJ,MAAMY,KAAKd,MAAMe;IACjB,IAAIE,UAAUN,SAAS,OAAO,QAAQA;IACtC,MAAMO,eAAe,CAAC,iBAAiB,EAAEJ,IAAI;IAC7C,MAAMK,gBAAgB,CAAC,kBAAkB,EAAEL,IAAI;IAC/C,MAAMM,iBAAiBf,cACnB,GAAGa,aAAa,CAAC,EAAEC,eAAe,GAClCD;IAEJ,MAAMG,iBAAiBxB,SAASyB,GAAG,CAACV,UAAU,CAACW;QAC7C,MAAMC,MAAM;YACVlB,MAAMiB,MAAMrB,KAAK,CAACI,IAAI;YACtBC,OAAOA,UAAU,OAAOgB,MAAMrB,KAAK,CAACK,KAAK,GAAGA;YAC5CC,YAAYA,eAAe,OAAOe,MAAMrB,KAAK,CAACM,UAAU,GAAGA;YAC3DC,UAAUA,aAAa,OAAOc,MAAMrB,KAAK,CAACO,QAAQ,GAAGA;YACrDC,QAAQA,WAAW,OAAOa,MAAMrB,KAAK,CAACQ,MAAM,GAAGA;YAC/CC,MAAMA,SAAS,OAAOY,MAAMrB,KAAK,CAACS,IAAI,GAAGA;YACzCc,SAAS;QACX;QAEA,IAAIR,YAAY,MAAM;YACpBA,UAAU,AAACN,CAAAA,SAAS,OAAOY,MAAMrB,KAAK,CAACS,IAAI,GAAGA,IAAG,MAAO;QAC1D;QACA,IAAI,OAAOL,SAAS,YAAY,OAAOiB,MAAMrB,KAAK,CAACI,IAAI,KAAK,UAAU;YACpEkB,IAAIlB,IAAI,GAAGiB,MAAMrB,KAAK,CAACI,IAAI,GAAGA;QAChC;QAEA,qBAAOR,aAAayB,OAAOC;IAC7B;IAEA,qBACE,MAAC5B;QACCO,KAAKA;QACLU,IAAIlB,aACFkB,IACAP,SAAS,QAAQ;YACfoB,OAAO,OAAOpB,SAAS,WAAWA,OAAO,GAAGA,OAAO,IAAI,GAAG,CAAC;QAC7D,GACAW,WAAW;YACT,mBAAmB;gBACjBU,MAAM;oBACJC,WAAW;gBACb;gBACAC,IAAI;oBACFD,WAAW;gBACb;YACF;YACA,2BAA2B;gBACzBD,MAAM;oBACJC,WAAW;gBACb;gBACAC,IAAI;oBACFD,WAAW;gBACb;YACF;QACF;QAEFE,MAAM,CAAC1B,QAAQ,iBAAiB2B;QAChCC,mBAAiB,CAAC5B,QAAQ2B,YAAYX;OAClCJ;;YAEHZ,uBAAS,KAACA;gBAAMU,IAAII;0BAAed;;YACnCC,6BAAe,KAAC4B;gBAAKnB,IAAIK;0BAAgBd;;YAEzCgB;;;AAGP,GACD;AAEDpB,YAAYiC,WAAW,GAAG;AAE1B,eAAejC,YAAW"}

package/src/lib/components/mdi-icon/md-icon.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @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 SvgIconProps } from '@mui/material';
+import { type CSSProperties } from 'react';
+export interface MdIconProps extends SvgIconProps {
+    path: string;
+    title?: string | null;
+    description?: string | null;
+    size?: number | string | null;
+    horizontal?: boolean;
+    vertical?: boolean;
+    rotate?: number;
+    spin?: boolean | number;
+    style?: CSSProperties;
+    inStack?: boolean;
+}
+export declare const MdIcon: import("react").ForwardRefExoticComponent<Omit<MdIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default MdIcon;

package/src/lib/components/mdi-icon/md-icon.js

@@ -0,0 +1,147 @@
+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 { SvgIcon } from "@mui/material";
+import { forwardRef } from "react";
+import useId from "../../hooks/use-id.js";
+export const MdIcon = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { path, id: idProp, title = null, description = null, size = null, color = 'currentColor', horizontal = false, vertical = false, rotate = 0, spin = false, style = {}, inStack = false } = props, rest = _object_without_properties_loose(props, [
+        "path",
+        "id",
+        "title",
+        "description",
+        "size",
+        "color",
+        "horizontal",
+        "vertical",
+        "rotate",
+        "spin",
+        "style",
+        "inStack"
+    ]);
+    const id = useId(idProp);
+    const pathStyle = {};
+    const transform = [];
+    if (size !== null) {
+        if (inStack) {
+            transform.push(`scale(${size})`);
+        } else {
+            style.width = typeof size === 'string' ? size : `${size * 1.5}rem`;
+            style.height = style.width;
+        }
+    }
+    if (horizontal) {
+        transform.push('scaleX(-1)');
+    }
+    if (vertical) {
+        transform.push('scaleY(-1)');
+    }
+    if (rotate !== 0) {
+        transform.push(`rotate(${rotate}deg)`);
+    }
+    if (color !== null) {
+        pathStyle.fill = color;
+    }
+    const pathElement = /*#__PURE__*/ _jsx("path", _extends({
+        d: path,
+        style: pathStyle
+    }, inStack ? rest : {}));
+    let transformElement = pathElement;
+    if (transform.length > 0) {
+        style.transform = transform.join(' ');
+        style.transformOrigin = 'center';
+        if (inStack) {
+            transformElement = /*#__PURE__*/ _jsxs("g", {
+                style: style,
+                children: [
+                    pathElement,
+                    /*#__PURE__*/ _jsx("rect", {
+                        width: "24",
+                        height: "24",
+                        fill: "transparent"
+                    })
+                ]
+            });
+        }
+    }
+    let spinElement = transformElement;
+    const spinSec = spin === true || typeof spin !== 'number' ? 2 : spin;
+    let inverse = !inStack && (horizontal || vertical);
+    if (spinSec < 0) {
+        inverse = !inverse;
+    }
+    if (spin) {
+        spinElement = /*#__PURE__*/ _jsxs("g", {
+            style: {
+                animation: `spin${inverse ? '-inverse' : ''} linear ${Math.abs(spinSec)}s infinite`,
+                transformOrigin: 'center'
+            },
+            children: [
+                transformElement,
+                !(horizontal || vertical || rotate !== 0) && /*#__PURE__*/ _jsx("rect", {
+                    width: "24",
+                    height: "24",
+                    fill: "transparent"
+                })
+            ]
+        });
+    }
+    if (inStack) {
+        return spinElement;
+    }
+    let ariaLabelledby;
+    const labelledById = `icon_labelledby_${id}`;
+    const describedById = `icon_describedby_${id}`;
+    let role;
+    if (title) {
+        ariaLabelledby = description ? `${labelledById} ${describedById}` : labelledById;
+    } else {
+        role = 'presentation';
+        if (description) {
+            throw new Error('title attribute required when description is set');
+        }
+    }
+    return /*#__PURE__*/ _jsxs(SvgIcon, _extends({
+        ref: ref,
+        viewBox: "0 0 24 24",
+        style: style,
+        role: role,
+        "aria-labelledby": ariaLabelledby
+    }, rest, {
+        children: [
+            title && /*#__PURE__*/ _jsx("title", {
+                id: labelledById,
+                children: title
+            }),
+            description && /*#__PURE__*/ _jsx("desc", {
+                id: describedById,
+                children: description
+            }),
+            !inStack && spin && (inverse ? /*#__PURE__*/ _jsx("style", {
+                children: '@keyframes spin-inverse { from { transform: rotate(0deg) } to { transform: rotate(-360deg) } }'
+            }) : /*#__PURE__*/ _jsx("style", {
+                children: '@keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }'
+            })),
+            spinElement
+        ]
+    }));
+});
+MdIcon.displayName = 'MdIcon';
+export default MdIcon;
+
+//# sourceMappingURL=md-icon.js.map

package/src/lib/components/mdi-icon/md-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/components/mdi-icon/md-icon.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 { SvgIcon, type SvgIconProps } from '@mui/material'\nimport { type CSSProperties, forwardRef } from 'react'\nimport useId from '../../hooks/use-id'\n\nexport interface MdIconProps extends SvgIconProps {\n  path: string\n  title?: string | null\n  description?: string | null\n  size?: number | string | null\n  horizontal?: boolean\n  vertical?: boolean\n  rotate?: number\n  spin?: boolean | number\n  style?: CSSProperties\n  inStack?: boolean\n}\n\nexport const MdIcon = forwardRef<SVGSVGElement, MdIconProps>((props, ref) => {\n  const {\n    path,\n    id: idProp,\n    title = null,\n    description = null,\n    size = null,\n    color = 'currentColor',\n    horizontal = false,\n    vertical = false,\n    rotate = 0,\n    spin = false,\n    style = {} as CSSProperties,\n    inStack = false,\n    ...rest\n  } = props\n  const id = useId(idProp)\n  const pathStyle: any = {}\n  const transform = []\n  if (size !== null) {\n    if (inStack) {\n      transform.push(`scale(${size})`)\n    } else {\n      style.width = typeof size === 'string' ? size : `${size * 1.5}rem`\n      style.height = style.width\n    }\n  }\n  if (horizontal) {\n    transform.push('scaleX(-1)')\n  }\n  if (vertical) {\n    transform.push('scaleY(-1)')\n  }\n  if (rotate !== 0) {\n    transform.push(`rotate(${rotate}deg)`)\n  }\n  if (color !== null) {\n    pathStyle.fill = color\n  }\n  const pathElement = (\n    <path d={path} style={pathStyle} {...((inStack ? rest : {}) as any)} />\n  )\n  let transformElement = pathElement\n  if (transform.length > 0) {\n    style.transform = transform.join(' ')\n    style.transformOrigin = 'center'\n    if (inStack) {\n      transformElement = (\n        <g style={style}>\n          {pathElement}\n          <rect width=\"24\" height=\"24\" fill=\"transparent\" />\n        </g>\n      )\n    }\n  }\n  let spinElement = transformElement\n  const spinSec = spin === true || typeof spin !== 'number' ? 2 : spin\n  let inverse = !inStack && (horizontal || vertical)\n  if (spinSec < 0) {\n    inverse = !inverse\n  }\n  if (spin) {\n    spinElement = (\n      <g\n        style={{\n          animation: `spin${inverse ? '-inverse' : ''} linear ${Math.abs(\n            spinSec,\n          )}s infinite`,\n          transformOrigin: 'center',\n        }}\n      >\n        {transformElement}\n        {!(horizontal || vertical || rotate !== 0) && (\n          <rect width=\"24\" height=\"24\" fill=\"transparent\" />\n        )}\n      </g>\n    )\n  }\n  if (inStack) {\n    return spinElement\n  }\n  let ariaLabelledby\n  const labelledById = `icon_labelledby_${id}`\n  const describedById = `icon_describedby_${id}`\n  let role\n  if (title) {\n    ariaLabelledby = description\n      ? `${labelledById} ${describedById}`\n      : labelledById\n  } else {\n    role = 'presentation'\n    if (description) {\n      throw new Error('title attribute required when description is set')\n    }\n  }\n  return (\n    <SvgIcon\n      ref={ref}\n      viewBox=\"0 0 24 24\"\n      style={style}\n      role={role}\n      aria-labelledby={ariaLabelledby}\n      {...rest}\n    >\n      {title && <title id={labelledById}>{title}</title>}\n      {description && <desc id={describedById}>{description}</desc>}\n      {!inStack &&\n        spin &&\n        (inverse ? (\n          <style>\n            {\n              '@keyframes spin-inverse { from { transform: rotate(0deg) } to { transform: rotate(-360deg) } }'\n            }\n          </style>\n        ) : (\n          <style>\n            {\n              '@keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }'\n            }\n          </style>\n        ))}\n      {spinElement}\n    </SvgIcon>\n  )\n})\n\nMdIcon.displayName = 'MdIcon'\n\nexport default MdIcon\n"],"names":["SvgIcon","forwardRef","useId","MdIcon","props","ref","path","id","idProp","title","description","size","color","horizontal","vertical","rotate","spin","style","inStack","rest","pathStyle","transform","push","width","height","fill","pathElement","d","transformElement","length","join","transformOrigin","g","rect","spinElement","spinSec","inverse","animation","Math","abs","ariaLabelledby","labelledById","describedById","role","Error","viewBox","aria-labelledby","desc","displayName"],"mappings":"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"}

package/src/lib/components/mdi-icon/mdi-icon-from-id.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @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 { IconId } from '@aglyn/shared-data-mdi';
+import { type MdiIconProps } from './mdi-icon';
+export interface MdiSvgIconProps extends MdiIconProps {
+    iconId?: IconId;
+}
+export declare const MdiIconFromId: import("react").ForwardRefExoticComponent<Omit<MdiSvgIconProps, "ref"> & import("react").RefAttributes<any>>;
+export default MdiIconFromId;

package/src/lib/components/mdi-icon/mdi-icon-from-id.js

@@ -0,0 +1,35 @@
+/**
+ * @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 { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useMdiIcon } from "../../hooks/mdi-icon/use-mdi-icon.js";
+import MdiIcon from "./mdi-icon.js";
+export const MdiIconFromId = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { iconId } = props, rest = _object_without_properties_loose(props, [
+        "iconId"
+    ]);
+    return /*#__PURE__*/ _jsx(MdiIcon, _extends({
+        ref: ref,
+        path: useMdiIcon(iconId)
+    }, rest));
+});
+MdiIconFromId.displayName = 'MdiIconFromId';
+MdiIconFromId.aglyn = true;
+export default MdiIconFromId;
+
+//# sourceMappingURL=mdi-icon-from-id.js.map

package/src/lib/components/mdi-icon/mdi-icon-from-id.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/components/mdi-icon/mdi-icon-from-id.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 type { IconId } from '@aglyn/shared-data-mdi'\nimport { forwardRef } from 'react'\nimport { useMdiIcon } from '../../hooks/mdi-icon/use-mdi-icon'\nimport MdiIcon, { type MdiIconProps } from './mdi-icon'\n\nexport interface MdiSvgIconProps extends MdiIconProps {\n  iconId?: IconId\n}\n\nexport const MdiIconFromId = forwardRef<any, MdiSvgIconProps>((props, ref) => {\n  const { iconId, ...rest } = props\n\n  return <MdiIcon ref={ref} path={useMdiIcon(iconId)} {...rest} />\n})\n\nMdiIconFromId.displayName = 'MdiIconFromId'\nMdiIconFromId.aglyn = true\n\nexport default MdiIconFromId\n"],"names":["forwardRef","useMdiIcon","MdiIcon","MdiIconFromId","props","ref","iconId","rest","path","displayName","aglyn"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC;;;AAGD,SAASA,UAAU,QAAQ,QAAO;AAClC,SAASC,UAAU,QAAQ,uCAAmC;AAC9D,OAAOC,aAAoC,gBAAY;AAMvD,OAAO,MAAMC,8BAAgBH,WAAiC,CAACI,OAAOC;IACpE,MAAM,EAAEC,MAAM,EAAW,GAAGF,OAATG,wCAASH;;;IAE5B,qBAAO,KAACF;QAAQG,KAAKA;QAAKG,MAAMP,WAAWK;OAAaC;AAC1D,GAAE;AAEFJ,cAAcM,WAAW,GAAG;AAC5BN,cAAcO,KAAK,GAAG;AAEtB,eAAeP,cAAa"}

package/src/lib/components/mdi-icon/mdi-icon.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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 SvgIconProps as MuiSvgIconProps } from '@mui/material';
+import { type ElementType } from 'react';
+export type MdiIconProps<D extends ElementType = any, P = JSX.EmptyObj> = {
+    path?: string;
+    children?: (d: string) => JSX.Children;
+} & Omit<MuiSvgIconProps<D, P>, 'children' | 'path'>;
+export declare const MdiIcon: import("react").ForwardRefExoticComponent<Omit<MdiIconProps<any, JSX.EmptyObj<never>>, "ref"> & import("react").RefAttributes<any>>;
+export default MdiIcon;

package/src/lib/components/mdi-icon/mdi-icon.js

@@ -0,0 +1,46 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+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.
+ */ import { DEFAULT_ICON } from "@aglyn/shared-data-mdi";
+import { SvgIcon as MuiSvgIcon } from "@mui/material";
+// import { motion } from 'framer-motion'
+import { forwardRef, useMemo } from "react";
+export const MdiIcon = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { path, children } = props, rest = _object_without_properties_loose(props, [
+        "path",
+        "children"
+    ]);
+    const d = useMemo(()=>{
+        return typeof path === 'string' && path || DEFAULT_ICON.path;
+    }, [
+        path
+    ]);
+    return /*#__PURE__*/ _jsx(MuiSvgIcon, _extends({
+        ref: ref,
+        children: typeof children === 'function' ? children(d) : /*#__PURE__*/ _jsx("path", {
+            d: d
+        }),
+        color: "inherit",
+        fontSize: "inherit"
+    }, rest));
+});
+MdiIcon.displayName = 'MdiIcon';
+MdiIcon.aglyn = true;
+export default MdiIcon;
+
+//# sourceMappingURL=mdi-icon.js.map

package/src/lib/components/mdi-icon/mdi-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/components/mdi-icon/mdi-icon.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 { DEFAULT_ICON } from '@aglyn/shared-data-mdi'\nimport {\n  SvgIcon as MuiSvgIcon,\n  type SvgIconProps as MuiSvgIconProps,\n} from '@mui/material'\n// import { motion } from 'framer-motion'\nimport { type ElementType, forwardRef, useMemo } from 'react'\n\nexport type MdiIconProps<D extends ElementType = any, P = JSX.EmptyObj> = {\n  path?: string\n  children?: (d: string) => JSX.Children\n} & Omit<MuiSvgIconProps<D, P>, 'children' | 'path'>\n\nexport const MdiIcon = forwardRef<any, MdiIconProps>((props, ref) => {\n  const { path, children, ...rest } = props\n\n  const d = useMemo<string>(() => {\n    return (typeof path === 'string' && path) || DEFAULT_ICON.path\n  }, [path])\n\n  return (\n    <MuiSvgIcon\n      ref={ref}\n      children={typeof children === 'function' ? children(d) : <path d={d} />}\n      color=\"inherit\"\n      fontSize=\"inherit\"\n      {...rest}\n    />\n  )\n})\n\nMdiIcon.displayName = 'MdiIcon'\nMdiIcon.aglyn = true\n\nexport default MdiIcon\n"],"names":["DEFAULT_ICON","SvgIcon","MuiSvgIcon","forwardRef","useMemo","MdiIcon","props","ref","path","children","rest","d","color","fontSize","displayName","aglyn"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,YAAY,QAAQ,yBAAwB;AACrD,SACEC,WAAWC,UAAU,QAEhB,gBAAe;AACtB,yCAAyC;AACzC,SAA2BC,UAAU,EAAEC,OAAO,QAAQ,QAAO;AAO7D,OAAO,MAAMC,wBAAUF,WAA8B,CAACG,OAAOC;IAC3D,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAW,GAAGH,OAATI,wCAASJ;;;;IAEpC,MAAMK,IAAIP,QAAgB;QACxB,OAAO,AAAC,OAAOI,SAAS,YAAYA,QAASR,aAAaQ,IAAI;IAChE,GAAG;QAACA;KAAK;IAET,qBACE,KAACN;QACCK,KAAKA;QACLE,UAAU,OAAOA,aAAa,aAAaA,SAASE,mBAAK,KAACH;YAAKG,GAAGA;;QAClEC,OAAM;QACNC,UAAS;OACLH;AAGV,GAAE;AAEFL,QAAQS,WAAW,GAAG;AACtBT,QAAQU,KAAK,GAAG;AAEhB,eAAeV,QAAO"}

package/src/lib/components/measured-figures.component.d.ts

@@ -0,0 +1,64 @@
+import type { ReactNode } from 'react';
+/**
+ * A rate, together with everything needed to say what it is a rate OF.
+ *
+ * The producer decides whether a rate can honestly be taken; a `null` in
+ * place of one of these is how it says no. Nothing here formats — `value` is
+ * 0–1 and the display multiplies — so a model can be tested on the number
+ * without a renderer, and this file cannot invent a denominator.
+ */
+export interface MeasuredRate {
+    /** 0–1. Multiply for display; a producer never formats. */
+    value: number;
+    numerator: number;
+    denominator: number;
+    /** Reader-facing name of the denominator, e.g. `'delivered'`. */
+    denominatorLabel: string;
+}
+/**
+ * A rate, or `null` when one cannot honestly be taken.
+ *
+ * `null` on a zero or unrecorded denominator. Those are not the same as 0%:
+ * a rate over nothing is undefined, and printing it as zero states a measured
+ * failure where there was no measurement.
+ */
+export declare function measuredRate(numerator: number | null | undefined, denominator: number | null | undefined, denominatorLabel: string): MeasuredRate | null;
+/** A titled block. */
+export declare function Section(props: {
+    title: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare namespace Section {
+    var displayName: string;
+}
+/**
+ * One count, with the population it describes named underneath.
+ *
+ * `null` renders as an em dash and NOT as zero, which is the whole reason
+ * this takes `number | null` rather than defaulting.
+ */
+export declare function Figure(props: {
+    label: string;
+    value: number | null;
+    note: string;
+}): import("react").JSX.Element;
+export declare namespace Figure {
+    var displayName: string;
+}
+/** A percentage to one decimal place. */
+export declare function percent(value: number): string;
+/**
+ * One rate, with its denominator spelled out on the same line.
+ *
+ * The denominator is rendered as `12 of 480 delivered` rather than as a
+ * tooltip or a footnote, because a reader comparing two rates has to be able
+ * to see they are over different populations without hovering anything. A
+ * `null` rate draws the dash and no number at all.
+ */
+export declare function RateRow(props: {
+    label: string;
+    rate: MeasuredRate | null;
+}): import("react").JSX.Element;
+export declare namespace RateRow {
+    var displayName: string;
+}