@clicoh/orion-library 1.2.0-beta.2 → 1.2.0-beta.21

package/expresivo/ExpLogo/ExpLogo.jsx

@@ -0,0 +1,42 @@
+'use client';
+import { Logo } from '@clicoh/orion-library';
+import clsx from 'clsx';
+import { useExpScope } from '../ExpScope/ExpScope';
+import { logoCatalog } from './catalog';
+/**
+ * Logo of a clicOH product, for `Header.logo`. From `lg` up it shows the full
+ * logo, light or dark after the `dark` class on `<html>` (not the system
+ * preference); below `lg`, only the symbol. The files are drawn at their own
+ * size: never redrawn, recolored, stretched or padded.
+ *
+ * Outside an `ExpScope` it falls back to the core clicOH `Logo`.
+ *
+ * @component
+ * @example
+ * <DashboardTemplate
+ *   headerProps={{ logo: <ExpLogo name="oculus" alt="Oculus clicOH" /> }}
+ * >
+ *   {children}
+ * </DashboardTemplate>
+ *
+ * @param {ExpLogoProps} props - The properties of the ExpLogo component.
+ * @param {ExpLogoName} props.name - Product whose logo is shown.
+ * @param {string} props.alt - Accessible name of the logo.
+ * @param {string} [props.className] - Classes for the wrapper.
+ *
+ * @returns {ReactNode} The product logo, or the core `Logo` outside an `ExpScope`.
+ */
+export function ExpLogo({ name, alt, className }) {
+    const inScope = useExpScope();
+    if (!inScope)
+        return <Logo aria-label={alt} className={className}/>;
+    const { light, dark, icon } = logoCatalog[name];
+    return (<span className={clsx('inline-flex shrink-0 items-center', className)}>
+      <span className="hidden lg:block">
+        <img src={light.src} alt={alt} width={light.width} height={light.height} draggable={false} className="block dark:hidden"/>
+        <img src={dark.src} alt={alt} width={dark.width} height={dark.height} draggable={false} className="hidden dark:block"/>
+      </span>
+      <img src={icon.src} alt={alt} width={icon.width} height={icon.height} draggable={false} className="block lg:hidden"/>
+    </span>);
+}
+//# sourceMappingURL=ExpLogo.jsx.map

package/expresivo/ExpLogo/ExpLogo.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpLogo.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpLogo/ExpLogo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAoB,WAAW,EAAE,MAAM,WAAW,CAAC;AAS1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAgB;IAC5D,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAE9B,IAAI,CAAC,OAAO;QAAE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAG,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,mCAAmC,EAAE,SAAS,CAAC,CAAC,CACpE;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAC/B;QAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CACf,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,SAAS,CAAC,mBAAmB,EAE/B;QAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,SAAS,CAAC,mBAAmB,EAEjC;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,SAAS,CAAC,iBAAiB,EAE/B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}

package/expresivo/ExpLogo/catalog.d.ts

@@ -0,0 +1,17 @@
+import type { StaticImageData } from 'next/image';
+/** clicOH products with a logo of their own, named like their files. */
+export type ExpLogoName = 'oculus';
+export type ExpLogoFiles = {
+    /** Full logo for light backgrounds, shown from `lg` up. */
+    light: StaticImageData;
+    /** The same logo with white lettering, for dark backgrounds. */
+    dark: StaticImageData;
+    /** Only the symbol, shown below `lg`. One file for light and dark. */
+    icon: StaticImageData;
+};
+/**
+ * The files come from a generator and go through SVGO: they are not edited by
+ * hand. When one has to change, ask design to generate it again.
+ */
+export declare const logoCatalog: Record<ExpLogoName, ExpLogoFiles>;
+//# sourceMappingURL=catalog.d.ts.map

package/expresivo/ExpLogo/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpLogo/catalog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAKlD,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,MAAM,MAAM,YAAY,GAAG;IACzB,2DAA2D;IAC3D,KAAK,EAAE,eAAe,CAAC;IACvB,gEAAgE;IAChE,IAAI,EAAE,eAAe,CAAC;IACtB,sEAAsE;IACtE,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,CAEzD,CAAC"}

package/expresivo/ExpLogo/catalog.js

@@ -0,0 +1,11 @@
+import oculusIcon from '@clicoh/orion-library/assets/logos/oculus-icon.svg';
+import oculusLogoDark from '@clicoh/orion-library/assets/logos/oculus-logo-sm-dark.svg';
+import oculusLogo from '@clicoh/orion-library/assets/logos/oculus-logo-sm.svg';
+/**
+ * The files come from a generator and go through SVGO: they are not edited by
+ * hand. When one has to change, ask design to generate it again.
+ */
+export const logoCatalog = {
+    oculus: { light: oculusLogo, dark: oculusLogoDark, icon: oculusIcon },
+};
+//# sourceMappingURL=catalog.js.map

package/expresivo/ExpLogo/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../../src/expresivo/ExpLogo/catalog.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAC5E,OAAO,cAAc,MAAM,4DAA4D,CAAC;AACxF,OAAO,UAAU,MAAM,uDAAuD,CAAC;AAc/E;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAsC;IAC5D,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE;CACtE,CAAC"}

package/expresivo/ExpLogo/index.d.ts

@@ -0,0 +1,4 @@
+export { ExpLogo } from './ExpLogo';
+export type { ExpLogoProps } from './ExpLogo';
+export type { ExpLogoName } from './catalog';
+//# sourceMappingURL=index.d.ts.map

package/expresivo/ExpLogo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpLogo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/expresivo/ExpLogo/index.js

@@ -0,0 +1,2 @@
+export { ExpLogo } from './ExpLogo';
+//# sourceMappingURL=index.js.map

package/expresivo/ExpLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expresivo/ExpLogo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/expresivo/ExpMascot/ExpMascot.d.ts

@@ -0,0 +1,42 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import { type ExpMascotName } from './catalog';
+export type ExpMascotMotion = 'still' | 'float' | 'hang';
+export type ExpMascotProps = {
+    name: ExpMascotName;
+    /** Width and height on screen, in pixels. */
+    size?: number;
+    motion?: ExpMascotMotion;
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+/**
+ * One of the official clicOH mascots, drawn from its file as is: never
+ * redrawn, recolored or cropped.
+ *
+ * Mascots are decorative and hidden from screen readers, so the text next to
+ * them must carry the message. Use one per state (empty, loading, error, no
+ * permission, success), above the title and the copy, or one in the page
+ * header (`ExpPageHero`), even when the page shows data; never among the data
+ * itself (rows, cards, charts). Suggested sizes: 96–128px for desktop empty
+ * states, 80px on small screens, 48–64px inside a message or a toast.
+ *
+ * In dark mode Bugi sits on a light disc so it reads on the dark background;
+ * Oculus and Fixi need none.
+ *
+ * Renders nothing outside an `ExpScope`, or when the scope hides mascots.
+ *
+ * @component
+ * @example
+ * <ExpMascot name="oculus-01-feliz" size={112} />
+ *
+ * @example
+ * // Hanging from a thread, swinging gently
+ * <ExpMascot name="fixi-06-celebrando" size={56} motion="hang" />
+ *
+ * @param {Object} props - The properties of the ExpMascot component.
+ * @param {ExpMascotName} props.name - Mascot and pose, as in `oculus-01-feliz`.
+ * @param {number} [props.size=112] - Width and height on screen, in pixels.
+ * @param {'still' | 'float' | 'hang'} [props.motion='still'] - `float` bobs up and down; `hang` hangs it from a thread and swings it. Both stop with reduced motion.
+ *
+ * @returns {ReactNode} The mascot, or `null` outside an `ExpScope`.
+ */
+export declare function ExpMascot({ name, size, motion, ...restProps }: ExpMascotProps): ReactNode;
+//# sourceMappingURL=ExpMascot.d.ts.map

package/expresivo/ExpMascot/ExpMascot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpMascot.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpMascot/ExpMascot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,KAAK,aAAa,EAAiB,MAAM,WAAW,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,aAAa,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAU,EACV,MAAgB,EAChB,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAiC5B"}

package/expresivo/ExpMascot/ExpMascot.jsx

@@ -0,0 +1,46 @@
+'use client';
+import clsx from 'clsx';
+import { useExpScopeOptions } from '../ExpScope/ExpScope';
+import { mascotCatalog } from './catalog';
+/**
+ * One of the official clicOH mascots, drawn from its file as is: never
+ * redrawn, recolored or cropped.
+ *
+ * Mascots are decorative and hidden from screen readers, so the text next to
+ * them must carry the message. Use one per state (empty, loading, error, no
+ * permission, success), above the title and the copy, or one in the page
+ * header (`ExpPageHero`), even when the page shows data; never among the data
+ * itself (rows, cards, charts). Suggested sizes: 96–128px for desktop empty
+ * states, 80px on small screens, 48–64px inside a message or a toast.
+ *
+ * In dark mode Bugi sits on a light disc so it reads on the dark background;
+ * Oculus and Fixi need none.
+ *
+ * Renders nothing outside an `ExpScope`, or when the scope hides mascots.
+ *
+ * @component
+ * @example
+ * <ExpMascot name="oculus-01-feliz" size={112} />
+ *
+ * @example
+ * // Hanging from a thread, swinging gently
+ * <ExpMascot name="fixi-06-celebrando" size={56} motion="hang" />
+ *
+ * @param {Object} props - The properties of the ExpMascot component.
+ * @param {ExpMascotName} props.name - Mascot and pose, as in `oculus-01-feliz`.
+ * @param {number} [props.size=112] - Width and height on screen, in pixels.
+ * @param {'still' | 'float' | 'hang'} [props.motion='still'] - `float` bobs up and down; `hang` hangs it from a thread and swings it. Both stop with reduced motion.
+ *
+ * @returns {ReactNode} The mascot, or `null` outside an `ExpScope`.
+ */
+export function ExpMascot({ name, size = 112, motion = 'still', ...restProps }) {
+    const options = useExpScopeOptions();
+    if (!options || options.mascots === 'hidden')
+        return null;
+    return (<span {...restProps} aria-hidden="true" className={clsx('inline-flex shrink-0 flex-col items-center', motion === 'float' && 'exp-float', motion === 'hang' && 'exp-hang', restProps.className)}>
+      {motion === 'hang' && (<span className="bg-lavender-1 dark:bg-lavender-dark-1 h-3.5 w-[1.5px]"/>)}
+      <img src={mascotCatalog[name].src} alt="" width={size} height={size} draggable={false} className={clsx('block object-contain', name.startsWith('bugi-') &&
+            'dark:bg-gray-6 dark:rounded-full dark:p-[8%]')}/>
+    </span>);
+}
+//# sourceMappingURL=ExpMascot.jsx.map

package/expresivo/ExpMascot/ExpMascot.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpMascot.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpMascot/ExpMascot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAsB,aAAa,EAAE,MAAM,WAAW,CAAC;AAW9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,GAAG,GAAG,EACV,MAAM,GAAG,OAAO,EAChB,GAAG,SAAS,EACG;IACf,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CACH,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,IAAI,CACb,4CAA4C,EAC5C,MAAM,KAAK,OAAO,IAAI,WAAW,EACjC,MAAM,KAAK,MAAM,IAAI,UAAU,EAC/B,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,MAAM,KAAK,MAAM,IAAI,CACpB,CAAC,IAAI,CAAC,SAAS,CAAC,uDAAuD,EAAG,CAC3E,CACD;MAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAC7B,GAAG,CAAC,EAAE,CACN,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,SAAS,CAAC,CAAC,IAAI,CACb,sBAAsB,EACtB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,8CAA8C,CACjD,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}

package/expresivo/ExpMascot/catalog.d.ts

@@ -0,0 +1,12 @@
+import type { StaticImageData } from 'next/image';
+/**
+ * Official clicOH mascots, named `<mascot>-<NN>-<pose>` like their files.
+ * `oculus` is the agent, `bugi` the problem and `fixi` the fix.
+ */
+export type ExpMascotName = 'oculus-01-feliz' | 'oculus-02-investigando' | 'oculus-03-dudando' | 'oculus-04-analizando-documento' | 'oculus-06-celebrando' | 'oculus-07-buscando-rapido' | 'oculus-08-satisfecho' | 'bugi-01-alerta' | 'bugi-02-investigando' | 'bugi-05-sorprendido' | 'fixi-01-feliz' | 'fixi-02-investigando' | 'fixi-03-dudando' | 'fixi-04-reparando' | 'fixi-05-sorprendido' | 'fixi-06-celebrando' | 'fixi-07-corriendo';
+/**
+ * Oculus and Bugi are vectors. Fixi is a 256px WebP, sharp up to 128px on
+ * high-density screens.
+ */
+export declare const mascotCatalog: Record<ExpMascotName, StaticImageData>;
+//# sourceMappingURL=catalog.d.ts.map

package/expresivo/ExpMascot/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpMascot/catalog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAmBlD;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,wBAAwB,GACxB,mBAAmB,GACnB,gCAAgC,GAChC,sBAAsB,GACtB,2BAA2B,GAC3B,sBAAsB,GACtB,gBAAgB,GAChB,sBAAsB,GACtB,qBAAqB,GACrB,eAAe,GACf,sBAAsB,GACtB,iBAAiB,GACjB,mBAAmB,GACnB,qBAAqB,GACrB,oBAAoB,GACpB,mBAAmB,CAAC;AAExB;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAkBhE,CAAC"}

package/expresivo/ExpMascot/catalog.js

@@ -0,0 +1,41 @@
+import bugi01 from '@clicoh/orion-library/assets/mascotas/svg/bugi-mascota-01-alerta.svg';
+import bugi02 from '@clicoh/orion-library/assets/mascotas/svg/bugi-mascota-02-investigando.svg';
+import bugi05 from '@clicoh/orion-library/assets/mascotas/svg/bugi-mascota-05-sorprendido.svg';
+import oculus01 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-01-feliz.svg';
+import oculus02 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-02-investigando.svg';
+import oculus03 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-03-dudando.svg';
+import oculus04 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-04-analizando-documento.svg';
+import oculus06 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-06-celebrando.svg';
+import oculus07 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-07-buscando-rapido.svg';
+import oculus08 from '@clicoh/orion-library/assets/mascotas/svg/oculus-mascota-08-satisfecho.svg';
+import fixi01 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-01-feliz-sm.webp';
+import fixi02 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-02-investigando-sm.webp';
+import fixi03 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-03-dudando-sm.webp';
+import fixi04 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-04-reparando-sm.webp';
+import fixi05 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-05-sorprendido-sm.webp';
+import fixi06 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-06-celebrando-sm.webp';
+import fixi07 from '@clicoh/orion-library/assets/mascotas/webp/fixi-mascota-07-corriendo-sm.webp';
+/**
+ * Oculus and Bugi are vectors. Fixi is a 256px WebP, sharp up to 128px on
+ * high-density screens.
+ */
+export const mascotCatalog = {
+    'oculus-01-feliz': oculus01,
+    'oculus-02-investigando': oculus02,
+    'oculus-03-dudando': oculus03,
+    'oculus-04-analizando-documento': oculus04,
+    'oculus-06-celebrando': oculus06,
+    'oculus-07-buscando-rapido': oculus07,
+    'oculus-08-satisfecho': oculus08,
+    'bugi-01-alerta': bugi01,
+    'bugi-02-investigando': bugi02,
+    'bugi-05-sorprendido': bugi05,
+    'fixi-01-feliz': fixi01,
+    'fixi-02-investigando': fixi02,
+    'fixi-03-dudando': fixi03,
+    'fixi-04-reparando': fixi04,
+    'fixi-05-sorprendido': fixi05,
+    'fixi-06-celebrando': fixi06,
+    'fixi-07-corriendo': fixi07,
+};
+//# sourceMappingURL=catalog.js.map

package/expresivo/ExpMascot/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../../src/expresivo/ExpMascot/catalog.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,sEAAsE,CAAC;AAC1F,OAAO,MAAM,MAAM,4EAA4E,CAAC;AAChG,OAAO,MAAM,MAAM,2EAA2E,CAAC;AAC/F,OAAO,QAAQ,MAAM,uEAAuE,CAAC;AAC7F,OAAO,QAAQ,MAAM,8EAA8E,CAAC;AACpG,OAAO,QAAQ,MAAM,yEAAyE,CAAC;AAC/F,OAAO,QAAQ,MAAM,sFAAsF,CAAC;AAC5G,OAAO,QAAQ,MAAM,4EAA4E,CAAC;AAClG,OAAO,QAAQ,MAAM,iFAAiF,CAAC;AACvG,OAAO,QAAQ,MAAM,4EAA4E,CAAC;AAClG,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,MAAM,MAAM,4EAA4E,CAAC;AAChG,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,MAAM,MAAM,gFAAgF,CAAC;AACpG,OAAO,MAAM,MAAM,+EAA+E,CAAC;AACnG,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAyBlG;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAA2C;IACnE,iBAAiB,EAAE,QAAQ;IAC3B,wBAAwB,EAAE,QAAQ;IAClC,mBAAmB,EAAE,QAAQ;IAC7B,gCAAgC,EAAE,QAAQ;IAC1C,sBAAsB,EAAE,QAAQ;IAChC,2BAA2B,EAAE,QAAQ;IACrC,sBAAsB,EAAE,QAAQ;IAChC,gBAAgB,EAAE,MAAM;IACxB,sBAAsB,EAAE,MAAM;IAC9B,qBAAqB,EAAE,MAAM;IAC7B,eAAe,EAAE,MAAM;IACvB,sBAAsB,EAAE,MAAM;IAC9B,iBAAiB,EAAE,MAAM;IACzB,mBAAmB,EAAE,MAAM;IAC3B,qBAAqB,EAAE,MAAM;IAC7B,oBAAoB,EAAE,MAAM;IAC5B,mBAAmB,EAAE,MAAM;CAC5B,CAAC"}

package/expresivo/ExpMascot/index.d.ts

@@ -0,0 +1,4 @@
+export { ExpMascot } from './ExpMascot';
+export type { ExpMascotMotion, ExpMascotProps } from './ExpMascot';
+export type { ExpMascotName } from './catalog';
+//# sourceMappingURL=index.d.ts.map

package/expresivo/ExpMascot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpMascot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}

package/expresivo/ExpMascot/index.js

@@ -0,0 +1,2 @@
+export { ExpMascot } from './ExpMascot';
+//# sourceMappingURL=index.js.map

package/expresivo/ExpMascot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expresivo/ExpMascot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type ExpMedalBadgeModifier = 'success' | 'warning' | 'error' | 'info' | 'progress' | 'disabled';
+export type ExpMedalBadgeProps = {
+    modifier: ExpMedalBadgeModifier;
+    /** One character or a tiny icon inside the medal. */
+    glyph?: ReactNode;
+    children: ReactNode;
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+/**
+ * Status badge drawn as an octagonal medal with a ribbon, pinned to a tinted
+ * pill. Same status modifiers as the core `Badge`; the label carries the
+ * message and the medal only decorates it.
+ *
+ * Outside an `ExpScope` it falls back to the core `Badge` with the same
+ * `modifier`.
+ *
+ * @component
+ * @example
+ * <ExpMedalBadge modifier="success" glyph="✓">Passed</ExpMedalBadge>
+ *
+ * @param {Object} props - The properties of the ExpMedalBadge component.
+ * @param {'success' | 'warning' | 'error' | 'info' | 'progress' | 'disabled'} props.modifier - Status color.
+ * @param {ReactNode} [props.glyph='•'] - One character or a tiny icon inside the medal.
+ * @param {ReactNode} props.children - Label of the status.
+ *
+ * @returns {ReactNode} The medal badge, or a core `Badge` outside an `ExpScope`.
+ */
+export declare function ExpMedalBadge({ modifier, glyph, children, ...restProps }: ExpMedalBadgeProps): ReactNode;
+//# sourceMappingURL=ExpMedalBadge.d.ts.map

package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpMedalBadge.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpMedalBadge/ExpMedalBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAC7B,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAgDtD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAW,EACX,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,kBAAkB,GAAG,SAAS,CAkDhC"}

package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx

@@ -0,0 +1,87 @@
+'use client';
+import clsx from 'clsx';
+import { Badge } from '@clicoh/orion-library';
+import { useExpScope } from '../ExpScope/ExpScope';
+// The ribbon and the pill label use the strong shade: the base `warning`
+// and `success` hues sit below 4.5:1 on their tint.
+const colorMap = {
+    success: {
+        ring: 'bg-success',
+        ribbon: 'bg-success-strong',
+        pill: 'border-success bg-success-1 text-success-strong dark:bg-success/16 dark:text-success',
+    },
+    warning: {
+        ring: 'bg-amber',
+        ribbon: 'bg-amber-strong',
+        pill: 'border-amber bg-warning-1 text-amber-strong dark:bg-warning/16 dark:text-amber',
+    },
+    error: {
+        ring: 'bg-error',
+        ribbon: 'bg-error-strong',
+        pill: 'border-error bg-error-1 text-error-strong dark:bg-error/16 dark:text-error',
+    },
+    info: {
+        ring: 'bg-info',
+        ribbon: 'bg-info-dark-3 dark:bg-info',
+        pill: 'border-info bg-info-1 text-info-dark-3 dark:bg-info/16 dark:text-info',
+    },
+    progress: {
+        ring: 'bg-lavender',
+        ribbon: 'bg-lavender',
+        pill: 'border-lavender bg-lavender-2 text-lavender dark:bg-lavender/18 dark:text-lavender',
+    },
+    disabled: {
+        ring: 'bg-gray-1',
+        ribbon: 'bg-gray-1',
+        pill: 'border-gray-1 bg-gray-6 text-gray-1 dark:bg-gray-2/16 dark:text-gray-2',
+    },
+};
+const glyphColorMap = {
+    success: 'text-success',
+    warning: 'text-amber',
+    error: 'text-error',
+    info: 'text-info',
+    progress: 'text-lavender',
+    disabled: 'text-gray-1 dark:text-gray-2',
+};
+/**
+ * Status badge drawn as an octagonal medal with a ribbon, pinned to a tinted
+ * pill. Same status modifiers as the core `Badge`; the label carries the
+ * message and the medal only decorates it.
+ *
+ * Outside an `ExpScope` it falls back to the core `Badge` with the same
+ * `modifier`.
+ *
+ * @component
+ * @example
+ * <ExpMedalBadge modifier="success" glyph="✓">Passed</ExpMedalBadge>
+ *
+ * @param {Object} props - The properties of the ExpMedalBadge component.
+ * @param {'success' | 'warning' | 'error' | 'info' | 'progress' | 'disabled'} props.modifier - Status color.
+ * @param {ReactNode} [props.glyph='•'] - One character or a tiny icon inside the medal.
+ * @param {ReactNode} props.children - Label of the status.
+ *
+ * @returns {ReactNode} The medal badge, or a core `Badge` outside an `ExpScope`.
+ */
+export function ExpMedalBadge({ modifier, glyph = '•', children, ...restProps }) {
+    const inScope = useExpScope();
+    if (!inScope) {
+        return (<Badge {...restProps} modifier={modifier}>
+        {children}
+      </Badge>);
+    }
+    const colors = colorMap[modifier];
+    return (<span {...restProps} className={clsx('relative inline-flex h-[22px] items-center pl-2.5 whitespace-nowrap', restProps.className)}>
+      <span className={clsx('inline-flex h-[18px] items-center rounded-full border pr-2 pl-3.5 text-[11px] leading-4 font-semibold', colors.pill)}>
+        {children}
+      </span>
+      <span aria-hidden="true" className="absolute top-px left-0 size-5">
+        <span className={clsx('exp-medal-ribbon absolute top-3 left-[5px] h-[11px] w-2.5', colors.ribbon)}/>
+        <span className={clsx('exp-medal-octagon absolute inset-0', colors.ring)}/>
+        <span className={clsx('exp-medal-octagon absolute inset-0.5 flex items-center justify-center bg-white text-[10px] leading-none font-extrabold dark:bg-black', glyphColorMap[modifier])}>
+          {glyph}
+        </span>
+      </span>
+    </span>);
+}
+//# sourceMappingURL=ExpMedalBadge.jsx.map

package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpMedalBadge.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpMedalBadge/ExpMedalBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAmBnD,yEAAyE;AACzE,oDAAoD;AACpD,MAAM,QAAQ,GAA+C;IAC3D,OAAO,EAAE;QACP,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,sFAAsF;KAC7F;IACD,OAAO,EAAE;QACP,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,iBAAiB;QACzB,IAAI,EAAE,gFAAgF;KACvF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,iBAAiB;QACzB,IAAI,EAAE,4EAA4E;KACnF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,6BAA6B;QACrC,IAAI,EAAE,uEAAuE;KAC9E;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,aAAa;QACrB,IAAI,EAAE,oFAAoF;KAC3F;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,wEAAwE;KAC/E;CACF,CAAC;AAEF,MAAM,aAAa,GAA0C;IAC3D,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,8BAA8B;CACzC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,GAAG,SAAS,EACO;IACnB,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAE9B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACvC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,KAAK,CAAC,CACT,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAElC,OAAO,CACL,CAAC,IAAI,CACH,IAAI,SAAS,CAAC,CACd,SAAS,CAAC,CAAC,IAAI,CACb,qEAAqE,EACrE,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,uGAAuG,EACvG,MAAM,CAAC,IAAI,CACZ,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,+BAA+B,CAChE;QAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,2DAA2D,EAC3D,MAAM,CAAC,MAAM,CACd,CAAC,EAEJ;QAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAErE;QAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,sIAAsI,EACtI,aAAa,CAAC,QAAQ,CAAC,CACxB,CAAC,CAEF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}

package/expresivo/ExpMedalBadge/index.d.ts

@@ -0,0 +1,3 @@
+export { ExpMedalBadge } from './ExpMedalBadge';
+export type { ExpMedalBadgeModifier, ExpMedalBadgeProps, } from './ExpMedalBadge';
+//# sourceMappingURL=index.d.ts.map

package/expresivo/ExpMedalBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpMedalBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC"}

package/expresivo/ExpMedalBadge/index.js

@@ -0,0 +1,2 @@
+export { ExpMedalBadge } from './ExpMedalBadge';
+//# sourceMappingURL=index.js.map

package/expresivo/ExpMedalBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expresivo/ExpMedalBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/expresivo/ExpPageHero/ExpPageHero.d.ts

@@ -0,0 +1,82 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ExpMascotName } from '../ExpMascot/catalog';
+export type ExpPageHeroLevel = 'h3' | 'h4' | 'h5';
+export type ExpPageHeroBubble = {
+    title?: ReactNode;
+    text?: ReactNode;
+    badge?: ReactNode;
+};
+export type ExpPageHeroCollapse = {
+    collapsed: boolean;
+    onToggle: () => void;
+    /** Accessible name while collapsed, such as "Expand header". */
+    expandLabel: string;
+    /** Accessible name while expanded, such as "Collapse header". */
+    collapseLabel: string;
+};
+export type ExpPageHeroProps = {
+    title: ReactNode;
+    eyebrow?: ReactNode;
+    headingLevel?: ExpPageHeroLevel;
+    titleAdornment?: ReactNode;
+    description?: ReactNode;
+    /** Content under the description, such as stat chips or a data line. */
+    children?: ReactNode;
+    actions?: ReactNode;
+    mascot?: ExpMascotName;
+    bubble?: ExpPageHeroBubble;
+    collapse?: ExpPageHeroCollapse;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
+/**
+ * Page header for the top of a screen, meant for the `heading` slot of
+ * `DashboardTemplate`: an eyebrow, the title, a description, optional content
+ * under it, and a mascot with a speech bubble on the right.
+ *
+ * On wide screens it draws a band with a dotted lavender background. With
+ * `collapse`, a corner button tucks it down to the title, and the mascot hangs
+ * from a thread instead; the consumer keeps the state. On small screens it is
+ * a plain title row without eyebrow, description, mascot or bubble, and
+ * `collapse` has no effect. Children still show there.
+ *
+ * Outside an `ExpScope` it renders the core title row of `DashboardTemplate`:
+ * title, adornment, description, children and actions.
+ *
+ * @component
+ * @example
+ * <ExpPageHero
+ *   eyebrow="Case memory"
+ *   title="Cases"
+ *   description="Review past diagnoses before starting from scratch."
+ *   mascot="fixi-02-investigando"
+ *   bubble={{ title: 'Lead found', text: 'Search by ticket or symptom.' }}
+ * />
+ *
+ * @example
+ * // Collapsible, with the state kept by the consumer
+ * <ExpPageHero
+ *   title="Cases"
+ *   mascot="fixi-02-investigando"
+ *   collapse={{
+ *     collapsed,
+ *     onToggle: () => setCollapsed(!collapsed),
+ *     expandLabel: 'Expand header',
+ *     collapseLabel: 'Collapse header',
+ *   }}
+ * />
+ *
+ * @param {Object} props - The properties of the ExpPageHero component.
+ * @param {ReactNode} props.title - Page title.
+ * @param {ReactNode} [props.eyebrow] - Short uppercase line above the title, only on wide screens.
+ * @param {'h3' | 'h4' | 'h5'} [props.headingLevel='h3'] - Heading level of the title.
+ * @param {ReactNode} [props.titleAdornment] - Content next to the title, such as a `Badge`.
+ * @param {ReactNode} [props.description] - Text under the title, only on wide screens; hidden while collapsed.
+ * @param {ReactNode} [props.children] - Content under the description, such as stat chips; hidden while collapsed.
+ * @param {ReactNode} [props.actions] - Content on the right, such as buttons; it moves under the title on small screens.
+ * @param {ExpMascotName} [props.mascot] - Mascot on the right, 104px; 56px and hanging while collapsed.
+ * @param {ExpPageHeroBubble} [props.bubble] - Speech bubble next to the mascot: `title`, `text` and `badge`.
+ * @param {ExpPageHeroCollapse} [props.collapse] - Makes the header collapsible: `collapsed`, `onToggle`, `expandLabel` and `collapseLabel`.
+ *
+ * @returns {ReactNode} The page header.
+ */
+export declare function ExpPageHero({ title, eyebrow, headingLevel, titleAdornment, description, children, actions, mascot, bubble, collapse, ...restProps }: ExpPageHeroProps): ReactNode;
+//# sourceMappingURL=ExpPageHero.d.ts.map

package/expresivo/ExpPageHero/ExpPageHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpPageHero.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpPageHero/ExpPageHero.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAKnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,YAAmB,EACnB,cAAc,EACd,WAAW,EACX,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,SAAS,CAmH9B"}