npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.2 → 0.1.0-alpha.4 - Mend

@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1642) hide show

package/dist/components/icon-button/IconButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconButton.js","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { toKebab } from '@/utils/string';\nimport styles from './IconButton.module.scss';\n\nexport type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\n/** Figma \"Style\": Default (light context) | Inverted (dark context). */\nexport type IconButtonStyle = 'default' | 'inverted';\n\nexport type IconButtonPadding = 'default' | 'compact';\n\nexport interface IconButtonProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'style'\n> {\n /** When true, forces the subtler pressed/active visual (lighter than toggled). */\n active?: boolean;\n /** Optional CSS class name. */\n className?: string;\n /** Numeric count shown inline after the icon. Figma: Count. */\n count?: number;\n /** When true, uses destructive (danger) styling. Figma: Destructive. */\n destructive?: boolean;\n /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size=\"16\" />`. */\n icon: ReactNode;\n /** Padding variant. Figma: Padding = Default | Compact. */\n padding?: IconButtonPadding;\n /** When true, uses full border radius (pill). Figma: Rounded = On. */\n rounded?: boolean;\n /** Size variant. Figma: Size. Default: Medium. */\n size?: IconButtonSize;\n /** Default | Inverted. Figma: Style (for light vs dark backgrounds). */\n style?: IconButtonStyle;\n /** When true, shows toggled/selected state. Figma: Toggled = On. */\n toggled?: boolean;\n /** When true, shows a small unread dot over the icon. Figma: Unread Badge. */\n unreadBadge?: boolean;\n}\n\n/** Icon size (px) per IconButton size. Use with Icon: size=\"12\" | \"16\" | \"20\" | \"24\". */\nexport const ICON_BUTTON_ICON_SIZES: Record<\n IconButtonSize,\n '12' | '16' | '20' | '24'\n> = {\n 'x-small': '12',\n small: '16',\n medium: '20',\n large: '24',\n};\n\n/**\n * Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message\n * hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate\n * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the\n * action explicit.\n */\nexport default function IconButton({\n active = false,\n className = '',\n count,\n destructive = false,\n icon,\n padding = 'default',\n rounded = false,\n size = 'medium',\n style = 'default',\n toggled = false,\n unreadBadge = false,\n disabled,\n type = 'button',\n 'aria-label': ariaLabel,\n ...rest\n}: IconButtonProps) {\n const sizeClass = styles[`icon-button--size-${toKebab(size)}`];\n const paddingClass =\n padding === 'compact' ? styles['icon-button--padding-compact'] : '';\n const styleClass =\n style === 'inverted' ? styles['icon-button--style-inverted'] : '';\n const destructiveClass = destructive\n ? styles['icon-button--destructive']\n : '';\n const roundedClass = rounded ? styles['icon-button--rounded'] : '';\n const toggledClass = toggled ? styles['icon-button--toggled'] : '';\n const activeClass = active ? styles['icon-button--active'] : '';\n const hasCount = count !== undefined;\n const hasCountClass = hasCount ? styles['icon-button--has-count'] : '';\n\n const rootClass = [\n styles['icon-button'],\n sizeClass,\n paddingClass,\n styleClass,\n destructiveClass,\n roundedClass,\n toggledClass,\n activeClass,\n hasCountClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <button\n className={rootClass}\n type={type}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-pressed={toggled ? true : undefined}\n data-active={active ? 'true' : undefined}\n {...rest}\n >\n <span className={styles['icon-button__icon-slot']} aria-hidden>\n {icon}\n {unreadBadge && (\n <span className={styles['icon-button__unread-badge']} />\n )}\n </span>\n {hasCount && (\n <span className={styles['icon-button__count']}>{count}</span>\n )}\n </button>\n );\n}\n"],"names":["ICON_BUTTON_ICON_SIZES","IconButton","active","className","count","destructive","icon","padding","rounded","size","style","toggled","unreadBadge","disabled","type","ariaLabel","rest","sizeClass","styles","toKebab","paddingClass","styleClass","destructiveClass","roundedClass","toggledClass","activeClass","hasCount","hasCountClass","rootClass","jsxs","jsx"],"mappings":";;;AAwCO,MAAMA,IAGT;AAAA,EACF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAQA,SAAwBC,EAAW;AAAA,EACjC,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAYC,EAAO,qBAAqBC,EAAQV,CAAI,CAAC,EAAE,GACvDW,IACJb,MAAY,YAAYW,EAAO,8BAA8B,IAAI,IAC7DG,IACJX,MAAU,aAAaQ,EAAO,6BAA6B,IAAI,IAC3DI,IAAmBjB,IACrBa,EAAO,0BAA0B,IACjC,IACEK,IAAef,IAAUU,EAAO,sBAAsB,IAAI,IAC1DM,IAAeb,IAAUO,EAAO,sBAAsB,IAAI,IAC1DO,IAAcvB,IAASgB,EAAO,qBAAqB,IAAI,IACvDQ,IAAWtB,MAAU,QACrBuB,IAAgBD,IAAWR,EAAO,wBAAwB,IAAI,IAE9DU,IAAY;AAAA,IAChBV,EAAO,aAAa;AAAA,IACpBD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAE;AAAA,IACAxB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,MAAAd;AAAA,MACA,UAAAD;AAAA,MACA,cAAYE;AAAA,MACZ,gBAAcJ,IAAU,KAAO;AAAA,MAC/B,eAAaT,IAAS,SAAS;AAAA,MAC9B,GAAGc;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAa,EAAC,UAAK,WAAWX,EAAO,wBAAwB,GAAG,eAAW,IAC3D,UAAA;AAAA,UAAAZ;AAAA,UACAM,KACC,gBAAAkB,EAAC,QAAA,EAAK,WAAWZ,EAAO,2BAA2B,EAAA,CAAG;AAAA,QAAA,GAE1D;AAAA,QACCQ,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAWZ,EAAO,oBAAoB,GAAI,UAAAd,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI9D;"}

package/dist/components/icon-button/IconButton.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._icon-button_1klqk_2{--icon-button-focus-ring-color: var(--button-bg);box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-body);border-radius:var(--radius-s);border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.64)}._icon-button_1klqk_2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--icon-button-focus-ring-color);opacity:0;transform:scale(.94);transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._icon-button_1klqk_2:focus-visible{outline:none}._icon-button_1klqk_2:focus-visible:not(:disabled):after{opacity:1;transform:scale(1)}._icon-button_1klqk_2:not(:focus-visible):after{transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit)}._icon-button_1klqk_2:disabled{cursor:not-allowed;opacity:.5}._icon-button_1klqk_2:hover:not(:disabled):not(:active):not(._icon-button--active_1klqk_42):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._icon-button_1klqk_2:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button__icon-slot_1klqk_50{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._icon-button__unread-badge_1klqk_57{position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--sidebar-text-active-border);box-shadow:0 0 0 2px var(--center-channel-bg);pointer-events:none}._icon-button__count_1klqk_68{font-weight:var(--font-weight-semibold);color:inherit}._icon-button--size-x-small_1klqk_72{width:24px;height:24px;padding:var(--spacing-xxs)}._icon-button--size-x-small_1klqk_72 ._icon-button__count_1klqk_68{font-size:var(--font-size-75);line-height:12px}._icon-button--size-x-small_1klqk_72._icon-button--padding-compact_1klqk_81{width:20px;height:20px;padding:var(--spacing-xxxs)}._icon-button--size-small_1klqk_86{width:32px;height:32px;padding:var(--spacing-xs)}._icon-button--size-small_1klqk_86 ._icon-button__count_1klqk_68{font-size:var(--font-size-100);line-height:14px}._icon-button--size-small_1klqk_86._icon-button--padding-compact_1klqk_81{width:28px;height:28px;padding:var(--spacing-xxs)}._icon-button--size-medium_1klqk_100{width:40px;height:40px;padding:var(--spacing-s)}._icon-button--size-medium_1klqk_100 ._icon-button__count_1klqk_68{font-size:var(--font-size-200);line-height:16px}._icon-button--size-medium_1klqk_100._icon-button--padding-compact_1klqk_81{width:36px;height:36px;padding:var(--spacing-xs)}._icon-button--size-large_1klqk_114{width:48px;height:48px;padding:var(--spacing-m)}._icon-button--size-large_1klqk_114 ._icon-button__count_1klqk_68{font-size:var(--font-size-300);line-height:18px}._icon-button--size-large_1klqk_114._icon-button--padding-compact_1klqk_81{width:44px;height:44px;padding:var(--spacing-s)}._icon-button--has-count_1klqk_128{width:auto;gap:var(--spacing-xxxs)}._icon-button--rounded_1klqk_132{border-radius:var(--radius-full)}._icon-button--active_1klqk_42:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button--active_1klqk_42:not(:disabled):hover:not(:disabled):not(:active){background-color:rgba(var(--button-bg-rgb),.12);color:var(--link-color)}._icon-button--active_1klqk_42:not(:disabled):active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.16);color:var(--link-color)}._icon-button--toggled_1klqk_42{--icon-button-focus-ring-inner: var(--center-channel-bg);--icon-button-focus-ring-outer: var(--button-bg);background-color:var(--button-bg);color:var(--button-color)}._icon-button--toggled_1klqk_42:hover:not(:disabled):not(:active){background-color:color-mix(in srgb,black 8%,var(--button-bg));color:var(--button-color)}._icon-button--toggled_1klqk_42:active:not(:disabled){background-color:color-mix(in srgb,black 16%,var(--button-bg));color:var(--button-color)}._icon-button--toggled_1klqk_42 ._icon-button__unread-badge_1klqk_57{box-shadow:0 0 0 2px var(--button-bg)}._icon-button--toggled_1klqk_42:after{box-shadow:0 0 0 3px var(--icon-button-focus-ring-inner),0 0 0 5px var(--icon-button-focus-ring-outer)}._icon-button--style-inverted_1klqk_167{background-color:transparent;color:rgba(var(--sidebar-text-rgb),.64)}._icon-button--style-inverted_1klqk_167 ._icon-button__unread-badge_1klqk_57{box-shadow:0 0 0 2px var(--sidebar-header-bg)}._icon-button--style-inverted_1klqk_167:hover:not(:disabled):not(:active):not(._icon-button--toggled_1klqk_42):not(._icon-button--active_1klqk_42){background-color:rgba(var(--sidebar-text-rgb),.08);color:var(--sidebar-text)}._icon-button--style-inverted_1klqk_167:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--active_1klqk_42:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--active_1klqk_42:not(:disabled):hover:not(:disabled):not(:active){background-color:rgba(var(--button-bg-rgb),.12);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--active_1klqk_42:not(:disabled):active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.16);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42{--icon-button-focus-ring-inner: var(--sidebar-bg);--icon-button-focus-ring-outer: var(--button-bg);background-color:var(--sidebar-text);color:var(--sidebar-bg)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42:hover:not(:disabled):not(:active){background-color:rgba(var(--sidebar-text-rgb),.92);color:var(--sidebar-bg)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.88);color:var(--sidebar-bg)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42 ._icon-button__unread-badge_1klqk_57{box-shadow:0 0 0 2px var(--sidebar-text)}._icon-button--style-inverted_1klqk_167._icon-button--destructive_1klqk_211{--icon-button-focus-ring-color: var(--error-text, var(--color-danger));background-color:transparent;color:var(--error-text, var(--color-danger))}._icon-button--style-inverted_1klqk_167._icon-button--destructive_1klqk_211:hover:not(:disabled):not(:active){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._icon-button--style-inverted_1klqk_167._icon-button--destructive_1klqk_211:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);color:var(--error-text, var(--color-danger))}._icon-button--destructive_1klqk_211{--icon-button-focus-ring-color: var(--error-text, var(--color-danger));background-color:transparent;color:var(--error-text, var(--color-danger))}._icon-button--destructive_1klqk_211:hover:not(:disabled):not(:active){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._icon-button--destructive_1klqk_211:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);color:var(--error-text, var(--color-danger))}

package/dist/components/icon-button/IconButton.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./IconButton.module.css');const t={"icon-button":"_icon-button_1klqk_2","icon-button--active":"_icon-button--active_1klqk_42","icon-button--toggled":"_icon-button--toggled_1klqk_42","icon-button__icon-slot":"_icon-button__icon-slot_1klqk_50","icon-button__unread-badge":"_icon-button__unread-badge_1klqk_57","icon-button__count":"_icon-button__count_1klqk_68","icon-button--size-x-small":"_icon-button--size-x-small_1klqk_72","icon-button--padding-compact":"_icon-button--padding-compact_1klqk_81","icon-button--size-small":"_icon-button--size-small_1klqk_86","icon-button--size-medium":"_icon-button--size-medium_1klqk_100","icon-button--size-large":"_icon-button--size-large_1klqk_114","icon-button--has-count":"_icon-button--has-count_1klqk_128","icon-button--rounded":"_icon-button--rounded_1klqk_132","icon-button--style-inverted":"_icon-button--style-inverted_1klqk_167","icon-button--destructive":"_icon-button--destructive_1klqk_211"};exports.default=t;
2	+ //# sourceMappingURL=IconButton.module.scss.cjs.map

package/dist/components/icon-button/IconButton.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconButton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/icon-button/IconButton.module.scss.js ADDED Viewed

@@ -0,0 +1,21 @@
+import './IconButton.module.css';const t = {
+  "icon-button": "_icon-button_1klqk_2",
+  "icon-button--active": "_icon-button--active_1klqk_42",
+  "icon-button--toggled": "_icon-button--toggled_1klqk_42",
+  "icon-button__icon-slot": "_icon-button__icon-slot_1klqk_50",
+  "icon-button__unread-badge": "_icon-button__unread-badge_1klqk_57",
+  "icon-button__count": "_icon-button__count_1klqk_68",
+  "icon-button--size-x-small": "_icon-button--size-x-small_1klqk_72",
+  "icon-button--padding-compact": "_icon-button--padding-compact_1klqk_81",
+  "icon-button--size-small": "_icon-button--size-small_1klqk_86",
+  "icon-button--size-medium": "_icon-button--size-medium_1klqk_100",
+  "icon-button--size-large": "_icon-button--size-large_1klqk_114",
+  "icon-button--has-count": "_icon-button--has-count_1klqk_128",
+  "icon-button--rounded": "_icon-button--rounded_1klqk_132",
+  "icon-button--style-inverted": "_icon-button--style-inverted_1klqk_167",
+  "icon-button--destructive": "_icon-button--destructive_1klqk_211"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=IconButton.module.scss.js.map

package/dist/components/icon-button/IconButton.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/icon-button/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton.cjs");exports.ICON_BUTTON_ICON_SIZES=t.ICON_BUTTON_ICON_SIZES;exports.IconButton=t.default;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/components/icon-button/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/icon-button/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EACL,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,cAAc,CAAC"}

package/dist/components/icon-button/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { ICON_BUTTON_ICON_SIZES as I, default as N } from "./IconButton.js";
+export {
+  I as ICON_BUTTON_ICON_SIZES,
+  N as IconButton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/icon-button/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/illustration/Illustration.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),n=require("./Illustration.module.scss.cjs");function u({children:l,className:o="",width:i,height:s,"aria-label":e}){const r=[n.default.illustration,o].filter(Boolean).join(" "),t=e!==void 0&&e!=="";return a.jsx("span",{className:r,style:{width:i,height:s},role:t?"img":void 0,"aria-label":t?e:void 0,"aria-hidden":!t,children:l})}exports.default=u;
2	+ //# sourceMappingURL=Illustration.cjs.map

package/dist/components/illustration/Illustration.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Illustration.cjs","sources":["../../../src/components/illustration/Illustration.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './Illustration.module.scss';\n\nexport interface IllustrationProps {\n /** SVG component from an illustration import (e.g. from `@/assets/illustrations/name.svg?react`). */\n children: ReactNode;\n /** Optional CSS class name. */\n className?: string;\n /** Optional inline width (e.g. \"100%\", \"320px\"). */\n width?: string;\n /** Optional inline height. */\n height?: string;\n /** Accessible label; set to empty string for decorative only. */\n 'aria-label'?: string;\n}\n\n/**\n * Illustration is the wrapper for any of the brand SVG artworks shipped under\n * `@/assets/illustrations/`. It enforces a consistent size box, contains the SVG, and\n * exposes an accessible label so screen readers can describe the artwork (or skip it when\n * it's purely decorative).\n */\nexport default function Illustration({\n children,\n className = '',\n width,\n height,\n 'aria-label': ariaLabel,\n}: IllustrationProps) {\n const rootClass = [styles.illustration, className].filter(Boolean).join(' ');\n const hasLabel = ariaLabel !== undefined && ariaLabel !== '';\n\n return (\n <span\n className={rootClass}\n style={{ width, height }}\n role={hasLabel ? 'img' : undefined}\n aria-label={hasLabel ? ariaLabel : undefined}\n aria-hidden={!hasLabel}\n >\n {children}\n </span>\n );\n}\n"],"names":["Illustration","children","className","width","height","ariaLabel","rootClass","styles","hasLabel","jsx"],"mappings":"6LAsBA,SAAwBA,EAAa,CACnC,SAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,OAAAC,EACA,aAAcC,CAChB,EAAsB,CACpB,MAAMC,EAAY,CAACC,EAAAA,QAAO,aAAcL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACrEM,EAAWH,IAAc,QAAaA,IAAc,GAE1D,OACEI,EAAAA,IAAC,OAAA,CACC,UAAWH,EACX,MAAO,CAAE,MAAAH,EAAO,OAAAC,CAAA,EAChB,KAAMI,EAAW,MAAQ,OACzB,aAAYA,EAAWH,EAAY,OACnC,cAAa,CAACG,EAEb,SAAAP,CAAA,CAAA,CAGP"}

package/dist/components/illustration/Illustration.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../../src/components/illustration/Illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,KAAK,EACL,MAAM,EACN,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,2CAenB"}

package/dist/components/illustration/Illustration.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "./Illustration.module.scss.js";
+function f({
+  children: l,
+  className: s = "",
+  width: i,
+  height: a,
+  "aria-label": o
+}) {
+  const r = [n.illustration, s].filter(Boolean).join(" "), t = o !== void 0 && o !== "";
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: r,
+      style: { width: i, height: a },
+      role: t ? "img" : void 0,
+      "aria-label": t ? o : void 0,
+      "aria-hidden": !t,
+      children: l
+    }
+  );
+}
+export {
+  f as default
+};
+//# sourceMappingURL=Illustration.js.map

package/dist/components/illustration/Illustration.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Illustration.js","sources":["../../../src/components/illustration/Illustration.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './Illustration.module.scss';\n\nexport interface IllustrationProps {\n /** SVG component from an illustration import (e.g. from `@/assets/illustrations/name.svg?react`). */\n children: ReactNode;\n /** Optional CSS class name. */\n className?: string;\n /** Optional inline width (e.g. \"100%\", \"320px\"). */\n width?: string;\n /** Optional inline height. */\n height?: string;\n /** Accessible label; set to empty string for decorative only. */\n 'aria-label'?: string;\n}\n\n/**\n * Illustration is the wrapper for any of the brand SVG artworks shipped under\n * `@/assets/illustrations/`. It enforces a consistent size box, contains the SVG, and\n * exposes an accessible label so screen readers can describe the artwork (or skip it when\n * it's purely decorative).\n */\nexport default function Illustration({\n children,\n className = '',\n width,\n height,\n 'aria-label': ariaLabel,\n}: IllustrationProps) {\n const rootClass = [styles.illustration, className].filter(Boolean).join(' ');\n const hasLabel = ariaLabel !== undefined && ariaLabel !== '';\n\n return (\n <span\n className={rootClass}\n style={{ width, height }}\n role={hasLabel ? 'img' : undefined}\n aria-label={hasLabel ? ariaLabel : undefined}\n aria-hidden={!hasLabel}\n >\n {children}\n </span>\n );\n}\n"],"names":["Illustration","children","className","width","height","ariaLabel","rootClass","styles","hasLabel","jsx"],"mappings":";;AAsBA,SAAwBA,EAAa;AAAA,EACnC,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAcC;AAChB,GAAsB;AACpB,QAAMC,IAAY,CAACC,EAAO,cAAcL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACrEM,IAAWH,MAAc,UAAaA,MAAc;AAE1D,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAO,EAAE,OAAAH,GAAO,QAAAC,EAAA;AAAA,MAChB,MAAMI,IAAW,QAAQ;AAAA,MACzB,cAAYA,IAAWH,IAAY;AAAA,MACnC,eAAa,CAACG;AAAA,MAEb,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/illustration/Illustration.module.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ ._illustration_xetnl_2{display:inline-block;line-height:0}._illustration_xetnl_2 svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}

package/dist/components/illustration/Illustration.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Illustration.module.css');const t="_illustration_xetnl_2",l={illustration:t};exports.default=l;exports.illustration=t;
2	+ //# sourceMappingURL=Illustration.module.scss.cjs.map

package/dist/components/illustration/Illustration.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Illustration.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/illustration/Illustration.module.scss.js ADDED Viewed

@@ -0,0 +1,8 @@
+import './Illustration.module.css';const t = "_illustration_xetnl_2", l = {
+  illustration: t
+};
+export {
+  l as default,
+  t as illustration
+};
+//# sourceMappingURL=Illustration.module.scss.js.map

package/dist/components/illustration/Illustration.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Illustration.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/illustration/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Illustration.cjs");exports.Illustration=t.default;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/components/illustration/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/illustration/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/illustration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/illustration/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { default as l } from "./Illustration.js";
+export {
+  l as Illustration
+};
+//# sourceMappingURL=index.js.map

package/dist/components/illustration/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/image-preview/ImagePreview.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../icon/Icon.cjs"),c=require("../icon-button/IconButton.cjs"),d=require("../../hooks/use-popover-transition.cjs"),__f=require("@mattermost/compass-icons/components/link-variant.js"),f=__f?.default??__f,__w=require("@mattermost/compass-icons/components/download-outline.js"),w=__w?.default??__w,___=require("@mattermost/compass-icons/components/menu-down.js"),_=___?.default??___,__j=require("@mattermost/compass-icons/components/menu-right.js"),j=__j?.default??__j,i=require("./ImagePreview.module.scss.cjs");function x({src:m,alt:p="",collapsed:l=!1,onToggleCollapse:s,onCopyLink:r,onDownload:t,aspectRatio:n="16:9",className:v=""}){const o=d.usePopoverTransition(!l),u=d.usePopoverTransition(l),g=[i.default["image-preview"],l?i.default["image-preview--collapsed"]:"",n==="4:3"?i.default["image-preview--ratio-4-3"]:"",n==="1:1"?i.default["image-preview--ratio-1-1"]:"",v].filter(Boolean).join(" ");return e.jsx("div",{className:g,children:e.jsxs("div",{className:i.default["image-preview__stage"],children:[u.mounted&&e.jsx("button",{type:"button",className:[i.default["image-preview__collapsed-trigger"],u.visible?i.default["image-preview__collapsed-trigger--visible"]:""].filter(Boolean).join(" "),onClick:s,"aria-label":"Show image preview",children:e.jsxs("span",{className:i.default["image-preview__show-label"],children:[e.jsx("span",{className:i.default["image-preview__show-icon"],"aria-hidden":"true",children:e.jsx(a.default,{size:"12",glyph:e.jsx(j,{})})}),"Show Image preview"]})}),o.mounted&&e.jsxs("div",{className:[i.default["image-preview__frame"],o.visible?i.default["image-preview__frame--visible"]:""].filter(Boolean).join(" "),children:[e.jsx("div",{className:i.default["image-preview__media"],children:e.jsx("img",{src:m,alt:p,className:i.default["image-preview__img"]})}),e.jsxs("div",{className:i.default["image-preview__actions"],children:[r!=null&&e.jsx(c.default,{size:"small",padding:"compact","aria-label":"Copy link",icon:e.jsx(a.default,{size:"16",glyph:e.jsx(f,{})}),onClick:r}),t!=null&&e.jsx(c.default,{size:"small",padding:"compact","aria-label":"Download",icon:e.jsx(a.default,{size:"16",glyph:e.jsx(w,{})}),onClick:t})]}),s!=null&&e.jsx("button",{type:"button",className:i.default["image-preview__collapse-btn"],onClick:s,"aria-label":"Collapse image preview",children:e.jsx(a.default,{size:"16",glyph:e.jsx(_,{})})})]})]})})}exports.default=x;
2	+ //# sourceMappingURL=ImagePreview.cjs.map

package/dist/components/image-preview/ImagePreview.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ImagePreview.cjs","sources":["../../../src/components/image-preview/ImagePreview.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport MenuDownIcon from '@mattermost/compass-icons/components/menu-down';\nimport MenuRightIcon from '@mattermost/compass-icons/components/menu-right';\nimport styles from './ImagePreview.module.scss';\n\nexport type ImagePreviewAspectRatio = '16:9' | '4:3' | '1:1';\n\nexport interface ImagePreviewProps {\n /** Image src URL. */\n src: string;\n /** Alt text. */\n alt?: string;\n /** Whether the preview is collapsed (shows toggle label only). */\n collapsed?: boolean;\n /** Callback when the collapse toggle is clicked. */\n onToggleCollapse?: () => void;\n /** Callback when the copy-link action is clicked. */\n onCopyLink?: () => void;\n /** Callback when the download action is clicked. */\n onDownload?: () => void;\n /** Aspect ratio of the image container. Default: 16:9 */\n aspectRatio?: ImagePreviewAspectRatio;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Image Preview displays image attachments, markdown images, and inline image links inside\n * the message stream. It frames the image, shows hover actions for copy and download, and\n * lets the user collapse the preview when it's in the way.\n */\nexport default function ImagePreview({\n src,\n alt = '',\n collapsed = false,\n onToggleCollapse,\n onCopyLink,\n onDownload,\n aspectRatio = '16:9',\n className = '',\n}: ImagePreviewProps) {\n const frameTransition = usePopoverTransition(!collapsed);\n const labelTransition = usePopoverTransition(collapsed);\n\n const rootClass = [\n styles['image-preview'],\n collapsed ? styles['image-preview--collapsed'] : '',\n aspectRatio === '4:3' ? styles['image-preview--ratio-4-3'] : '',\n aspectRatio === '1:1' ? styles['image-preview--ratio-1-1'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['image-preview__stage']}>\n {labelTransition.mounted && (\n <button\n type=\"button\"\n className={[\n styles['image-preview__collapsed-trigger'],\n labelTransition.visible\n ? styles['image-preview__collapsed-trigger--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onToggleCollapse}\n aria-label=\"Show image preview\"\n >\n <span className={styles['image-preview__show-label']}>\n <span\n className={styles['image-preview__show-icon']}\n aria-hidden=\"true\"\n >\n <Icon size=\"12\" glyph={<MenuRightIcon />} />\n </span>\n Show Image preview\n </span>\n </button>\n )}\n\n {frameTransition.mounted && (\n <div\n className={[\n styles['image-preview__frame'],\n frameTransition.visible\n ? styles['image-preview__frame--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={styles['image-preview__media']}>\n <img src={src} alt={alt} className={styles['image-preview__img']} />\n </div>\n\n <div className={styles['image-preview__actions']}>\n {onCopyLink != null && (\n <IconButton\n size=\"small\"\n padding=\"compact\"\n aria-label=\"Copy link\"\n icon={<Icon size=\"16\" glyph={<LinkVariantIcon />} />}\n onClick={onCopyLink}\n />\n )}\n {onDownload != null && (\n <IconButton\n size=\"small\"\n padding=\"compact\"\n aria-label=\"Download\"\n icon={<Icon size=\"16\" glyph={<DownloadOutlineIcon />} />}\n onClick={onDownload}\n />\n )}\n </div>\n\n {onToggleCollapse != null && (\n <button\n type=\"button\"\n className={styles['image-preview__collapse-btn']}\n onClick={onToggleCollapse}\n aria-label=\"Collapse image preview\"\n >\n <Icon size=\"16\" glyph={<MenuDownIcon />} />\n </button>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["ImagePreview","src","alt","collapsed","onToggleCollapse","onCopyLink","onDownload","aspectRatio","className","frameTransition","usePopoverTransition","labelTransition","rootClass","styles","jsx","jsxs","Icon","MenuRightIcon","IconButton","LinkVariantIcon","DownloadOutlineIcon","MenuDownIcon"],"mappings":"kjBAmCA,SAAwBA,EAAa,CACnC,IAAAC,EACA,IAAAC,EAAM,GACN,UAAAC,EAAY,GACZ,iBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,YAAAC,EAAc,OACd,UAAAC,EAAY,EACd,EAAsB,CACpB,MAAMC,EAAkBC,uBAAqB,CAACP,CAAS,EACjDQ,EAAkBD,EAAAA,qBAAqBP,CAAS,EAEhDS,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBV,EAAYU,EAAAA,QAAO,0BAA0B,EAAI,GACjDN,IAAgB,MAAQM,UAAO,0BAA0B,EAAI,GAC7DN,IAAgB,MAAQM,UAAO,0BAA0B,EAAI,GAC7DL,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEM,EAAAA,IAAC,OAAI,UAAWF,EACd,gBAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,sBAAsB,EAC1C,SAAA,CAAAF,EAAgB,SACfG,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,kCAAkC,EACzCF,EAAgB,QACZE,UAAO,2CAA2C,EAClD,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAST,EACT,aAAW,qBAEX,SAAAW,EAAAA,KAAC,OAAA,CAAK,UAAWF,UAAO,2BAA2B,EACjD,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,0BAA0B,EAC5C,cAAY,OAEZ,eAACG,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAc,CAAA,CAAI,CAAA,CAAA,EACrC,oBAAA,CAAA,CAET,CAAA,CAAA,EAIHR,EAAgB,SACfM,EAAAA,KAAC,MAAA,CACC,UAAW,CACTF,EAAAA,QAAO,sBAAsB,EAC7BJ,EAAgB,QACZI,UAAO,+BAA+B,EACtC,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,sBAAsB,EAC3C,SAAAC,EAAAA,IAAC,MAAA,CAAI,IAAAb,EAAU,IAAAC,EAAU,UAAWW,EAAAA,QAAO,oBAAoB,EAAG,EACpE,EAEAE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,wBAAwB,EAC5C,SAAA,CAAAR,GAAc,MACbS,EAAAA,IAACI,EAAAA,QAAA,CACC,KAAK,QACL,QAAQ,UACR,aAAW,YACX,WAAOF,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACK,IAAgB,EAAI,EAClD,QAASd,CAAA,CAAA,EAGZC,GAAc,MACbQ,EAAAA,IAACI,EAAAA,QAAA,CACC,KAAK,QACL,QAAQ,UACR,aAAW,WACX,WAAOF,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACM,IAAoB,EAAI,EACtD,QAASd,CAAA,CAAA,CACX,EAEJ,EAECF,GAAoB,MACnBU,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWD,EAAAA,QAAO,6BAA6B,EAC/C,QAAST,EACT,aAAW,yBAEX,eAACY,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACO,IAAa,CAAA,CAAI,CAAA,CAAA,CAC3C,CAAA,CAAA,CAEJ,CAAA,CAEJ,CAAA,CACF,CAEJ"}

package/dist/components/image-preview/ImagePreview.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ImagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/image-preview/ImagePreview.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yDAAyD;IACzD,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,GAAQ,EACR,SAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAoB,EACpB,SAAc,GACf,EAAE,iBAAiB,2CA8FnB"}

package/dist/components/image-preview/ImagePreview.js ADDED Viewed

@@ -0,0 +1,100 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import r from "../icon/Icon.js";
+import p from "../icon-button/IconButton.js";
+import { usePopoverTransition as g } from "../../hooks/use-popover-transition.js";
+import __h from "@mattermost/compass-icons/components/link-variant.js";const h=__h&&__h.default?__h.default:__h;
+import __f from "@mattermost/compass-icons/components/download-outline.js";const f=__f&&__f.default?__f.default:__f;
+import __u from "@mattermost/compass-icons/components/menu-down.js";const u=__u&&__u.default?__u.default:__u;
+import __b from "@mattermost/compass-icons/components/menu-right.js";const b=__b&&__b.default?__b.default:__b;
+import i from "./ImagePreview.module.scss.js";
+function D({
+  src: v,
+  alt: d = "",
+  collapsed: l = !1,
+  onToggleCollapse: o,
+  onCopyLink: n,
+  onDownload: m,
+  aspectRatio: s = "16:9",
+  className: w = ""
+}) {
+  const t = g(!l), c = g(l), _ = [
+    i["image-preview"],
+    l ? i["image-preview--collapsed"] : "",
+    s === "4:3" ? i["image-preview--ratio-4-3"] : "",
+    s === "1:1" ? i["image-preview--ratio-1-1"] : "",
+    w
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ a("div", { className: i["image-preview__stage"], children: [
+    c.mounted && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: [
+          i["image-preview__collapsed-trigger"],
+          c.visible ? i["image-preview__collapsed-trigger--visible"] : ""
+        ].filter(Boolean).join(" "),
+        onClick: o,
+        "aria-label": "Show image preview",
+        children: /* @__PURE__ */ a("span", { className: i["image-preview__show-label"], children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: i["image-preview__show-icon"],
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(b, {}) })
+            }
+          ),
+          "Show Image preview"
+        ] })
+      }
+    ),
+    t.mounted && /* @__PURE__ */ a(
+      "div",
+      {
+        className: [
+          i["image-preview__frame"],
+          t.visible ? i["image-preview__frame--visible"] : ""
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ e("div", { className: i["image-preview__media"], children: /* @__PURE__ */ e("img", { src: v, alt: d, className: i["image-preview__img"] }) }),
+          /* @__PURE__ */ a("div", { className: i["image-preview__actions"], children: [
+            n != null && /* @__PURE__ */ e(
+              p,
+              {
+                size: "small",
+                padding: "compact",
+                "aria-label": "Copy link",
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(h, {}) }),
+                onClick: n
+              }
+            ),
+            m != null && /* @__PURE__ */ e(
+              p,
+              {
+                size: "small",
+                padding: "compact",
+                "aria-label": "Download",
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(f, {}) }),
+                onClick: m
+              }
+            )
+          ] }),
+          o != null && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: i["image-preview__collapse-btn"],
+              onClick: o,
+              "aria-label": "Collapse image preview",
+              children: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(u, {}) })
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  D as default
+};
+//# sourceMappingURL=ImagePreview.js.map

package/dist/components/image-preview/ImagePreview.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ImagePreview.js","sources":["../../../src/components/image-preview/ImagePreview.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport MenuDownIcon from '@mattermost/compass-icons/components/menu-down';\nimport MenuRightIcon from '@mattermost/compass-icons/components/menu-right';\nimport styles from './ImagePreview.module.scss';\n\nexport type ImagePreviewAspectRatio = '16:9' | '4:3' | '1:1';\n\nexport interface ImagePreviewProps {\n /** Image src URL. */\n src: string;\n /** Alt text. */\n alt?: string;\n /** Whether the preview is collapsed (shows toggle label only). */\n collapsed?: boolean;\n /** Callback when the collapse toggle is clicked. */\n onToggleCollapse?: () => void;\n /** Callback when the copy-link action is clicked. */\n onCopyLink?: () => void;\n /** Callback when the download action is clicked. */\n onDownload?: () => void;\n /** Aspect ratio of the image container. Default: 16:9 */\n aspectRatio?: ImagePreviewAspectRatio;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Image Preview displays image attachments, markdown images, and inline image links inside\n * the message stream. It frames the image, shows hover actions for copy and download, and\n * lets the user collapse the preview when it's in the way.\n */\nexport default function ImagePreview({\n src,\n alt = '',\n collapsed = false,\n onToggleCollapse,\n onCopyLink,\n onDownload,\n aspectRatio = '16:9',\n className = '',\n}: ImagePreviewProps) {\n const frameTransition = usePopoverTransition(!collapsed);\n const labelTransition = usePopoverTransition(collapsed);\n\n const rootClass = [\n styles['image-preview'],\n collapsed ? styles['image-preview--collapsed'] : '',\n aspectRatio === '4:3' ? styles['image-preview--ratio-4-3'] : '',\n aspectRatio === '1:1' ? styles['image-preview--ratio-1-1'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['image-preview__stage']}>\n {labelTransition.mounted && (\n <button\n type=\"button\"\n className={[\n styles['image-preview__collapsed-trigger'],\n labelTransition.visible\n ? styles['image-preview__collapsed-trigger--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onToggleCollapse}\n aria-label=\"Show image preview\"\n >\n <span className={styles['image-preview__show-label']}>\n <span\n className={styles['image-preview__show-icon']}\n aria-hidden=\"true\"\n >\n <Icon size=\"12\" glyph={<MenuRightIcon />} />\n </span>\n Show Image preview\n </span>\n </button>\n )}\n\n {frameTransition.mounted && (\n <div\n className={[\n styles['image-preview__frame'],\n frameTransition.visible\n ? styles['image-preview__frame--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={styles['image-preview__media']}>\n <img src={src} alt={alt} className={styles['image-preview__img']} />\n </div>\n\n <div className={styles['image-preview__actions']}>\n {onCopyLink != null && (\n <IconButton\n size=\"small\"\n padding=\"compact\"\n aria-label=\"Copy link\"\n icon={<Icon size=\"16\" glyph={<LinkVariantIcon />} />}\n onClick={onCopyLink}\n />\n )}\n {onDownload != null && (\n <IconButton\n size=\"small\"\n padding=\"compact\"\n aria-label=\"Download\"\n icon={<Icon size=\"16\" glyph={<DownloadOutlineIcon />} />}\n onClick={onDownload}\n />\n )}\n </div>\n\n {onToggleCollapse != null && (\n <button\n type=\"button\"\n className={styles['image-preview__collapse-btn']}\n onClick={onToggleCollapse}\n aria-label=\"Collapse image preview\"\n >\n <Icon size=\"16\" glyph={<MenuDownIcon />} />\n </button>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["ImagePreview","src","alt","collapsed","onToggleCollapse","onCopyLink","onDownload","aspectRatio","className","frameTransition","usePopoverTransition","labelTransition","rootClass","styles","jsx","jsxs","Icon","MenuRightIcon","IconButton","LinkVariantIcon","DownloadOutlineIcon","MenuDownIcon"],"mappings":";;;;;;;;;AAmCA,SAAwBA,EAAa;AAAA,EACnC,KAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AACd,GAAsB;AACpB,QAAMC,IAAkBC,EAAqB,CAACP,CAAS,GACjDQ,IAAkBD,EAAqBP,CAAS,GAEhDS,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBV,IAAYU,EAAO,0BAA0B,IAAI;AAAA,IACjDN,MAAgB,QAAQM,EAAO,0BAA0B,IAAI;AAAA,IAC7DN,MAAgB,QAAQM,EAAO,0BAA0B,IAAI;AAAA,IAC7DL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAM,EAAC,SAAI,WAAWF,GACd,4BAAC,OAAA,EAAI,WAAWC,EAAO,sBAAsB,GAC1C,UAAA;AAAA,IAAAF,EAAgB,WACf,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,UACTD,EAAO,kCAAkC;AAAA,UACzCF,EAAgB,UACZE,EAAO,2CAA2C,IAClD;AAAA,QAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACX,SAAST;AAAA,QACT,cAAW;AAAA,QAEX,UAAA,gBAAAW,EAAC,QAAA,EAAK,WAAWF,EAAO,2BAA2B,GACjD,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD,EAAO,0BAA0B;AAAA,cAC5C,eAAY;AAAA,cAEZ,4BAACG,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAc,EAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UACrC;AAAA,QAAA,EAAA,CAET;AAAA,MAAA;AAAA,IAAA;AAAA,IAIHR,EAAgB,WACf,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACTF,EAAO,sBAAsB;AAAA,UAC7BJ,EAAgB,UACZI,EAAO,+BAA+B,IACtC;AAAA,QAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,sBAAsB,GAC3C,UAAA,gBAAAC,EAAC,OAAA,EAAI,KAAAb,GAAU,KAAAC,GAAU,WAAWW,EAAO,oBAAoB,GAAG,GACpE;AAAA,UAEA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,wBAAwB,GAC5C,UAAA;AAAA,YAAAR,KAAc,QACb,gBAAAS;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,cAAW;AAAA,gBACX,wBAAOF,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACK,KAAgB,GAAI;AAAA,gBAClD,SAASd;AAAA,cAAA;AAAA,YAAA;AAAA,YAGZC,KAAc,QACb,gBAAAQ;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,cAAW;AAAA,gBACX,wBAAOF,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACM,KAAoB,GAAI;AAAA,gBACtD,SAASd;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GAEJ;AAAA,UAECF,KAAoB,QACnB,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWD,EAAO,6BAA6B;AAAA,cAC/C,SAAST;AAAA,cACT,cAAW;AAAA,cAEX,4BAACY,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACO,KAAa,EAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/components/image-preview/ImagePreview.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._image-preview_y3zdk_2{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;min-width:0}._image-preview__stage_y3zdk_9{display:grid;align-items:start;container-type:inline-size;width:428px;max-width:100%}._image-preview__stage_y3zdk_9>*{grid-area:1/1}._image-preview__frame_y3zdk_19{position:relative;box-sizing:border-box;border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);overflow:hidden;width:100%;height:0;opacity:0;transform:scale(.98);transform-origin:top left;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit),height var(--duration-quick) var(--ease-exit),border-color var(--duration-quick) var(--ease-exit),box-shadow var(--duration-quick) var(--ease-exit)}._image-preview__frame--visible_y3zdk_33{height:56.25cqw;opacity:1;transform:scale(1);pointer-events:auto;overflow:visible;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance),height var(--duration-quick) var(--ease-entrance),box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._image-preview__frame_y3zdk_19:not(._image-preview__frame--visible_y3zdk_33){border-color:transparent;box-shadow:none}._image-preview__frame_y3zdk_19:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._image-preview__media_y3zdk_50{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:calc(var(--radius-s) - 1px)}._image-preview--ratio-4-3_y3zdk_56 ._image-preview__stage_y3zdk_9{width:320px}._image-preview--ratio-4-3_y3zdk_56 ._image-preview__frame--visible_y3zdk_33{height:75cqw}._image-preview--ratio-1-1_y3zdk_62 ._image-preview__stage_y3zdk_9{width:240px}._image-preview--ratio-1-1_y3zdk_62 ._image-preview__frame--visible_y3zdk_33{height:100cqw}._image-preview__img_y3zdk_68{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}._image-preview__actions_y3zdk_77{position:absolute;top:var(--spacing-s);right:var(--spacing-s);display:flex;gap:0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);box-shadow:var(--elevation-1);padding:var(--spacing-xxxxs);opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._image-preview__frame_y3zdk_19:hover ._image-preview__actions_y3zdk_77{opacity:1}._image-preview__collapse-btn_y3zdk_94{position:absolute;top:-4px;left:-4px;display:flex;align-items:center;justify-content:center;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-full);box-shadow:var(--elevation-1);padding:var(--spacing-xxxs);cursor:pointer;color:var(--center-channel-color);opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._image-preview__frame_y3zdk_19:hover ._image-preview__collapse-btn_y3zdk_94{opacity:1}._image-preview--collapsed_y3zdk_114{min-height:0}._image-preview__collapsed-trigger_y3zdk_117{background:transparent;border:none;cursor:pointer;padding:0;opacity:0;transform:translateY(-2px);transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit)}._image-preview__collapsed-trigger--visible_y3zdk_126{opacity:1;transform:translateY(0);transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._image-preview__show-label_y3zdk_131{display:flex;align-items:center;gap:1px;padding-right:var(--spacing-s);border-radius:var(--radius-s);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:15px;color:rgba(var(--center-channel-color-rgb),.75)}._image-preview__show-icon_y3zdk_142{display:inline-flex;align-items:center;width:var(--icon-size-12);font-size:var(--font-size-100);color:rgba(var(--center-channel-color-rgb),.75)}

package/dist/components/image-preview/ImagePreview.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ImagePreview.module.css');const e={"image-preview":"_image-preview_y3zdk_2","image-preview__stage":"_image-preview__stage_y3zdk_9","image-preview__frame":"_image-preview__frame_y3zdk_19","image-preview__frame--visible":"_image-preview__frame--visible_y3zdk_33","image-preview__media":"_image-preview__media_y3zdk_50","image-preview--ratio-4-3":"_image-preview--ratio-4-3_y3zdk_56","image-preview--ratio-1-1":"_image-preview--ratio-1-1_y3zdk_62","image-preview__img":"_image-preview__img_y3zdk_68","image-preview__actions":"_image-preview__actions_y3zdk_77","image-preview__collapse-btn":"_image-preview__collapse-btn_y3zdk_94","image-preview--collapsed":"_image-preview--collapsed_y3zdk_114","image-preview__collapsed-trigger":"_image-preview__collapsed-trigger_y3zdk_117","image-preview__collapsed-trigger--visible":"_image-preview__collapsed-trigger--visible_y3zdk_126","image-preview__show-label":"_image-preview__show-label_y3zdk_131","image-preview__show-icon":"_image-preview__show-icon_y3zdk_142"};exports.default=e;
2	+ //# sourceMappingURL=ImagePreview.module.scss.cjs.map

package/dist/components/image-preview/ImagePreview.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ImagePreview.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/image-preview/ImagePreview.module.scss.js ADDED Viewed

@@ -0,0 +1,21 @@
+import './ImagePreview.module.css';const e = {
+  "image-preview": "_image-preview_y3zdk_2",
+  "image-preview__stage": "_image-preview__stage_y3zdk_9",
+  "image-preview__frame": "_image-preview__frame_y3zdk_19",
+  "image-preview__frame--visible": "_image-preview__frame--visible_y3zdk_33",
+  "image-preview__media": "_image-preview__media_y3zdk_50",
+  "image-preview--ratio-4-3": "_image-preview--ratio-4-3_y3zdk_56",
+  "image-preview--ratio-1-1": "_image-preview--ratio-1-1_y3zdk_62",
+  "image-preview__img": "_image-preview__img_y3zdk_68",
+  "image-preview__actions": "_image-preview__actions_y3zdk_77",
+  "image-preview__collapse-btn": "_image-preview__collapse-btn_y3zdk_94",
+  "image-preview--collapsed": "_image-preview--collapsed_y3zdk_114",
+  "image-preview__collapsed-trigger": "_image-preview__collapsed-trigger_y3zdk_117",
+  "image-preview__collapsed-trigger--visible": "_image-preview__collapsed-trigger--visible_y3zdk_126",
+  "image-preview__show-label": "_image-preview__show-label_y3zdk_131",
+  "image-preview__show-icon": "_image-preview__show-icon_y3zdk_142"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=ImagePreview.module.scss.js.map

package/dist/components/image-preview/ImagePreview.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ImagePreview.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/image-preview/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ImagePreview.cjs");exports.ImagePreview=e.default;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/components/image-preview/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/image-preview/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image-preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC"}

package/dist/components/image-preview/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { default as r } from "./ImagePreview.js";
+export {
+  r as ImagePreview
+};
+//# sourceMappingURL=index.js.map

package/dist/components/image-preview/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/link-preview/LinkPreview.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../icon/Icon.cjs"),h=require("../icon-button/IconButton.cjs"),x=require("../image-preview/ImagePreview.cjs"),__g=require("@mattermost/compass-icons/components/close.js"),g=__g?.default??__g,l=require("./LinkPreview.module.scss.cjs");function N({siteName:d="Mattermost.com",title:u="Mattermost: Open-source, high-trust, developer-centric collaboration platform",description:m="Mattermost is a secure, open source platform for communication, collaboration, and workflow orchestration across tools and teams.",imageSrc:a,imageAlt:n="",imageSize:r="none",imageCollapsed:s=!1,onToggleImageCollapse:p,onCopyImageLink:v,onDownloadImage:_,onDismiss:t,className:f=""}){const o=a!=null&&r==="none"?"large":r,c=o==="small"&&a!=null,i=o==="large"&&a!=null,w=[l.default["link-preview"],f].filter(Boolean).join(" "),k=[l.default["link-preview__card"],c?l.default["link-preview__card--small-image"]:"",i&&!s?l.default["link-preview__card--large-image"]:"",i&&s?l.default["link-preview__card--collapsed-image"]:""].filter(Boolean).join(" ");return e.jsxs("div",{className:w,children:[t!=null&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.default["link-preview__dismiss-bridge"],"aria-hidden":!0}),e.jsx(h.default,{className:l.default["link-preview__dismiss"],size:"x-small",padding:"compact","aria-label":"Remove link preview",icon:e.jsx(j.default,{size:"12",glyph:e.jsx(g,{})}),onClick:t})]}),e.jsxs("div",{className:k,children:[e.jsxs("div",{className:l.default["link-preview__text"],children:[e.jsx("p",{className:l.default["link-preview__site-name"],children:d}),e.jsx("p",{className:l.default["link-preview__title"],children:u}),e.jsx("p",{className:l.default["link-preview__description"],children:m})]}),c&&e.jsx("div",{className:l.default["link-preview__thumbnail"],children:e.jsx("img",{src:a,alt:n,className:l.default["link-preview__thumbnail-img"]})}),i&&e.jsx(x.default,{className:l.default["link-preview__image-preview"],src:a,alt:n,collapsed:s,onToggleCollapse:p,onCopyLink:v,onDownload:_})]})]})}exports.default=N;
2	+ //# sourceMappingURL=LinkPreview.cjs.map

package/dist/components/link-preview/LinkPreview.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LinkPreview.cjs","sources":["../../../src/components/link-preview/LinkPreview.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport ImagePreview from '@/components/image-preview/ImagePreview';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './LinkPreview.module.scss';\n\nexport type LinkPreviewImageSize = 'none' | 'small' | 'large';\n\nexport interface LinkPreviewProps {\n /** The site/domain label shown above the title. */\n siteName?: string;\n /** The main link title. */\n title?: string;\n /** Description text. */\n description?: string;\n /** Preview image URL. Pair with `imageSize` to choose layout. */\n imageSrc?: string;\n /** Alt text for the preview image. */\n imageAlt?: string;\n /** Small: square thumbnail on the right. Large: ImagePreview below text. */\n imageSize?: LinkPreviewImageSize;\n /** Whether the large image preview is collapsed. Only applies when `imageSize` is `large`. */\n imageCollapsed?: boolean;\n /** Callback when the large image collapse toggle is clicked. */\n onToggleImageCollapse?: () => void;\n /** Callback when copy-link is clicked on the large image preview. */\n onCopyImageLink?: () => void;\n /** Callback when download is clicked on the large image preview. */\n onDownloadImage?: () => void;\n /** Called when the dismiss control is clicked. Shown on hover when provided. */\n onDismiss?: () => void;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Link Previews appear under a message whenever it contains a URL with rich metadata — a\n * documentation page, a blog post, a product link. They give the recipient enough context to\n * decide whether to click without forcing them to open the link cold.\n */\nexport default function LinkPreview({\n siteName = 'Mattermost.com',\n title = 'Mattermost: Open-source, high-trust, developer-centric collaboration platform',\n description = 'Mattermost is a secure, open source platform for communication, collaboration, and workflow orchestration across tools and teams.',\n imageSrc,\n imageAlt = '',\n imageSize = 'none',\n imageCollapsed = false,\n onToggleImageCollapse,\n onCopyImageLink,\n onDownloadImage,\n onDismiss,\n className = '',\n}: LinkPreviewProps) {\n const resolvedImageSize =\n imageSrc != null && imageSize === 'none' ? 'large' : imageSize;\n const hasSmallImage = resolvedImageSize === 'small' && imageSrc != null;\n const hasLargeImage = resolvedImageSize === 'large' && imageSrc != null;\n\n const rootClass = [styles['link-preview'], className]\n .filter(Boolean)\n .join(' ');\n\n const cardClass = [\n styles['link-preview__card'],\n hasSmallImage ? styles['link-preview__card--small-image'] : '',\n hasLargeImage && !imageCollapsed\n ? styles['link-preview__card--large-image']\n : '',\n hasLargeImage && imageCollapsed\n ? styles['link-preview__card--collapsed-image']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n {onDismiss != null && (\n <>\n <div\n className={styles['link-preview__dismiss-bridge']}\n aria-hidden\n />\n <IconButton\n className={styles['link-preview__dismiss']}\n size=\"x-small\"\n padding=\"compact\"\n aria-label=\"Remove link preview\"\n icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n onClick={onDismiss}\n />\n </>\n )}\n\n <div className={cardClass}>\n <div className={styles['link-preview__text']}>\n <p className={styles['link-preview__site-name']}>{siteName}</p>\n <p className={styles['link-preview__title']}>{title}</p>\n <p className={styles['link-preview__description']}>{description}</p>\n </div>\n\n {hasSmallImage && (\n <div className={styles['link-preview__thumbnail']}>\n <img\n src={imageSrc}\n alt={imageAlt}\n className={styles['link-preview__thumbnail-img']}\n />\n </div>\n )}\n\n {hasLargeImage && (\n <ImagePreview\n className={styles['link-preview__image-preview']}\n src={imageSrc}\n alt={imageAlt}\n collapsed={imageCollapsed}\n onToggleCollapse={onToggleImageCollapse}\n onCopyLink={onCopyImageLink}\n onDownload={onDownloadImage}\n />\n )}\n </div>\n </div>\n );\n}\n"],"names":["LinkPreview","siteName","title","description","imageSrc","imageAlt","imageSize","imageCollapsed","onToggleImageCollapse","onCopyImageLink","onDownloadImage","onDismiss","className","resolvedImageSize","hasSmallImage","hasLargeImage","rootClass","styles","cardClass","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","ImagePreview"],"mappings":"0WAwCA,SAAwBA,EAAY,CAClC,SAAAC,EAAW,iBACX,MAAAC,EAAQ,gFACR,YAAAC,EAAc,oIACd,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,OACZ,eAAAC,EAAiB,GACjB,sBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,EACd,EAAqB,CACnB,MAAMC,EACJT,GAAY,MAAQE,IAAc,OAAS,QAAUA,EACjDQ,EAAgBD,IAAsB,SAAWT,GAAY,KAC7DW,EAAgBF,IAAsB,SAAWT,GAAY,KAE7DY,EAAY,CAACC,UAAO,cAAc,EAAGL,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EAELM,EAAY,CAChBD,EAAAA,QAAO,oBAAoB,EAC3BH,EAAgBG,EAAAA,QAAO,iCAAiC,EAAI,GAC5DF,GAAiB,CAACR,EACdU,UAAO,iCAAiC,EACxC,GACJF,GAAiBR,EACbU,UAAO,qCAAqC,EAC5C,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWH,EACb,SAAA,CAAAL,GAAa,MACZQ,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAWJ,EAAAA,QAAO,8BAA8B,EAChD,cAAW,EAAA,CAAA,EAEbI,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWL,EAAAA,QAAO,uBAAuB,EACzC,KAAK,UACL,QAAQ,UACR,aAAW,sBACX,WAAOM,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACG,IAAU,EAAI,EAC5C,QAASb,CAAA,CAAA,CACX,EACF,EAGFQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,oBAAoB,EACzC,SAAA,CAAAI,MAAC,IAAA,CAAE,UAAWJ,EAAAA,QAAO,yBAAyB,EAAI,SAAAhB,EAAS,QAC1D,IAAA,CAAE,UAAWgB,EAAAA,QAAO,qBAAqB,EAAI,SAAAf,EAAM,QACnD,IAAA,CAAE,UAAWe,EAAAA,QAAO,2BAA2B,EAAI,SAAAd,CAAA,CAAY,CAAA,EAClE,EAECW,GACCO,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,yBAAyB,EAC9C,SAAAI,EAAAA,IAAC,MAAA,CACC,IAAKjB,EACL,IAAKC,EACL,UAAWY,EAAAA,QAAO,6BAA6B,CAAA,CAAA,EAEnD,EAGDF,GACCM,EAAAA,IAACI,EAAAA,QAAA,CACC,UAAWR,EAAAA,QAAO,6BAA6B,EAC/C,IAAKb,EACL,IAAKC,EACL,UAAWE,EACX,iBAAkBC,EAClB,WAAYC,EACZ,WAAYC,CAAA,CAAA,CACd,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/link-preview/LinkPreview.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/link-preview/LinkPreview.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAA2B,EAC3B,KAAuF,EACvF,WAAiJ,EACjJ,QAAQ,EACR,QAAa,EACb,SAAkB,EAClB,cAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,SAAS,EACT,SAAc,GACf,EAAE,gBAAgB,2CAyElB"}

package/dist/components/link-preview/LinkPreview.js ADDED Viewed

@@ -0,0 +1,80 @@
+import { jsxs as r, Fragment as g, jsx as l } from "react/jsx-runtime";
+import N from "../icon/Icon.js";
+import I from "../icon-button/IconButton.js";
+import b from "../image-preview/ImagePreview.js";
+import __x from "@mattermost/compass-icons/components/close.js";const x=__x&&__x.default?__x.default:__x;
+import e from "./LinkPreview.module.scss.js";
+function z({
+  siteName: p = "Mattermost.com",
+  title: d = "Mattermost: Open-source, high-trust, developer-centric collaboration platform",
+  description: v = "Mattermost is a secure, open source platform for communication, collaboration, and workflow orchestration across tools and teams.",
+  imageSrc: i,
+  imageAlt: n = "",
+  imageSize: s = "none",
+  imageCollapsed: a = !1,
+  onToggleImageCollapse: _,
+  onCopyImageLink: w,
+  onDownloadImage: k,
+  onDismiss: t,
+  className: h = ""
+}) {
+  const c = i != null && s === "none" ? "large" : s, m = c === "small" && i != null, o = c === "large" && i != null, u = [e["link-preview"], h].filter(Boolean).join(" "), f = [
+    e["link-preview__card"],
+    m ? e["link-preview__card--small-image"] : "",
+    o && !a ? e["link-preview__card--large-image"] : "",
+    o && a ? e["link-preview__card--collapsed-image"] : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: u, children: [
+    t != null && /* @__PURE__ */ r(g, { children: [
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: e["link-preview__dismiss-bridge"],
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ l(
+        I,
+        {
+          className: e["link-preview__dismiss"],
+          size: "x-small",
+          padding: "compact",
+          "aria-label": "Remove link preview",
+          icon: /* @__PURE__ */ l(N, { size: "12", glyph: /* @__PURE__ */ l(x, {}) }),
+          onClick: t
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: f, children: [
+      /* @__PURE__ */ r("div", { className: e["link-preview__text"], children: [
+        /* @__PURE__ */ l("p", { className: e["link-preview__site-name"], children: p }),
+        /* @__PURE__ */ l("p", { className: e["link-preview__title"], children: d }),
+        /* @__PURE__ */ l("p", { className: e["link-preview__description"], children: v })
+      ] }),
+      m && /* @__PURE__ */ l("div", { className: e["link-preview__thumbnail"], children: /* @__PURE__ */ l(
+        "img",
+        {
+          src: i,
+          alt: n,
+          className: e["link-preview__thumbnail-img"]
+        }
+      ) }),
+      o && /* @__PURE__ */ l(
+        b,
+        {
+          className: e["link-preview__image-preview"],
+          src: i,
+          alt: n,
+          collapsed: a,
+          onToggleCollapse: _,
+          onCopyLink: w,
+          onDownload: k
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  z as default
+};
+//# sourceMappingURL=LinkPreview.js.map

package/dist/components/link-preview/LinkPreview.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LinkPreview.js","sources":["../../../src/components/link-preview/LinkPreview.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport ImagePreview from '@/components/image-preview/ImagePreview';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './LinkPreview.module.scss';\n\nexport type LinkPreviewImageSize = 'none' | 'small' | 'large';\n\nexport interface LinkPreviewProps {\n /** The site/domain label shown above the title. */\n siteName?: string;\n /** The main link title. */\n title?: string;\n /** Description text. */\n description?: string;\n /** Preview image URL. Pair with `imageSize` to choose layout. */\n imageSrc?: string;\n /** Alt text for the preview image. */\n imageAlt?: string;\n /** Small: square thumbnail on the right. Large: ImagePreview below text. */\n imageSize?: LinkPreviewImageSize;\n /** Whether the large image preview is collapsed. Only applies when `imageSize` is `large`. */\n imageCollapsed?: boolean;\n /** Callback when the large image collapse toggle is clicked. */\n onToggleImageCollapse?: () => void;\n /** Callback when copy-link is clicked on the large image preview. */\n onCopyImageLink?: () => void;\n /** Callback when download is clicked on the large image preview. */\n onDownloadImage?: () => void;\n /** Called when the dismiss control is clicked. Shown on hover when provided. */\n onDismiss?: () => void;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Link Previews appear under a message whenever it contains a URL with rich metadata — a\n * documentation page, a blog post, a product link. They give the recipient enough context to\n * decide whether to click without forcing them to open the link cold.\n */\nexport default function LinkPreview({\n siteName = 'Mattermost.com',\n title = 'Mattermost: Open-source, high-trust, developer-centric collaboration platform',\n description = 'Mattermost is a secure, open source platform for communication, collaboration, and workflow orchestration across tools and teams.',\n imageSrc,\n imageAlt = '',\n imageSize = 'none',\n imageCollapsed = false,\n onToggleImageCollapse,\n onCopyImageLink,\n onDownloadImage,\n onDismiss,\n className = '',\n}: LinkPreviewProps) {\n const resolvedImageSize =\n imageSrc != null && imageSize === 'none' ? 'large' : imageSize;\n const hasSmallImage = resolvedImageSize === 'small' && imageSrc != null;\n const hasLargeImage = resolvedImageSize === 'large' && imageSrc != null;\n\n const rootClass = [styles['link-preview'], className]\n .filter(Boolean)\n .join(' ');\n\n const cardClass = [\n styles['link-preview__card'],\n hasSmallImage ? styles['link-preview__card--small-image'] : '',\n hasLargeImage && !imageCollapsed\n ? styles['link-preview__card--large-image']\n : '',\n hasLargeImage && imageCollapsed\n ? styles['link-preview__card--collapsed-image']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n {onDismiss != null && (\n <>\n <div\n className={styles['link-preview__dismiss-bridge']}\n aria-hidden\n />\n <IconButton\n className={styles['link-preview__dismiss']}\n size=\"x-small\"\n padding=\"compact\"\n aria-label=\"Remove link preview\"\n icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n onClick={onDismiss}\n />\n </>\n )}\n\n <div className={cardClass}>\n <div className={styles['link-preview__text']}>\n <p className={styles['link-preview__site-name']}>{siteName}</p>\n <p className={styles['link-preview__title']}>{title}</p>\n <p className={styles['link-preview__description']}>{description}</p>\n </div>\n\n {hasSmallImage && (\n <div className={styles['link-preview__thumbnail']}>\n <img\n src={imageSrc}\n alt={imageAlt}\n className={styles['link-preview__thumbnail-img']}\n />\n </div>\n )}\n\n {hasLargeImage && (\n <ImagePreview\n className={styles['link-preview__image-preview']}\n src={imageSrc}\n alt={imageAlt}\n collapsed={imageCollapsed}\n onToggleCollapse={onToggleImageCollapse}\n onCopyLink={onCopyImageLink}\n onDownload={onDownloadImage}\n />\n )}\n </div>\n </div>\n );\n}\n"],"names":["LinkPreview","siteName","title","description","imageSrc","imageAlt","imageSize","imageCollapsed","onToggleImageCollapse","onCopyImageLink","onDownloadImage","onDismiss","className","resolvedImageSize","hasSmallImage","hasLargeImage","rootClass","styles","cardClass","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","ImagePreview"],"mappings":";;;;;;AAwCA,SAAwBA,EAAY;AAAA,EAClC,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAqB;AACnB,QAAMC,IACJT,KAAY,QAAQE,MAAc,SAAS,UAAUA,GACjDQ,IAAgBD,MAAsB,WAAWT,KAAY,MAC7DW,IAAgBF,MAAsB,WAAWT,KAAY,MAE7DY,IAAY,CAACC,EAAO,cAAc,GAAGL,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAY;AAAA,IAChBD,EAAO,oBAAoB;AAAA,IAC3BH,IAAgBG,EAAO,iCAAiC,IAAI;AAAA,IAC5DF,KAAiB,CAACR,IACdU,EAAO,iCAAiC,IACxC;AAAA,IACJF,KAAiBR,IACbU,EAAO,qCAAqC,IAC5C;AAAA,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWH,GACb,UAAA;AAAA,IAAAL,KAAa,QACZ,gBAAAQ,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAO,8BAA8B;AAAA,UAChD,eAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWL,EAAO,uBAAuB;AAAA,UACzC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,wBAAOM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAU,GAAI;AAAA,UAC5C,SAASb;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACF;AAAA,IAGF,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,oBAAoB,GACzC,UAAA;AAAA,QAAA,gBAAAI,EAAC,KAAA,EAAE,WAAWJ,EAAO,yBAAyB,GAAI,UAAAhB,GAAS;AAAA,0BAC1D,KAAA,EAAE,WAAWgB,EAAO,qBAAqB,GAAI,UAAAf,GAAM;AAAA,0BACnD,KAAA,EAAE,WAAWe,EAAO,2BAA2B,GAAI,UAAAd,EAAA,CAAY;AAAA,MAAA,GAClE;AAAA,MAECW,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAWJ,EAAO,yBAAyB,GAC9C,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKjB;AAAA,UACL,KAAKC;AAAA,UACL,WAAWY,EAAO,6BAA6B;AAAA,QAAA;AAAA,MAAA,GAEnD;AAAA,MAGDF,KACC,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAWR,EAAO,6BAA6B;AAAA,UAC/C,KAAKb;AAAA,UACL,KAAKC;AAAA,UACL,WAAWE;AAAA,UACX,kBAAkBC;AAAA,UAClB,YAAYC;AAAA,UACZ,YAAYC;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/link-preview/LinkPreview.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._link-preview_1dlj9_2{--link-preview-dismiss-size: 20px;--link-preview-dismiss-outset: calc( var(--link-preview-dismiss-size) + var(--spacing-xxxs) );display:flex;align-items:flex-start;max-width:700px;position:relative}._link-preview__dismiss-bridge_1dlj9_12{position:absolute;top:calc(-1 * var(--link-preview-dismiss-outset));bottom:0;left:calc(-1 * var(--link-preview-dismiss-outset));width:var(--link-preview-dismiss-outset);z-index:1;pointer-events:none}._link-preview__dismiss_1dlj9_12{position:absolute;top:0;left:calc(-1 * var(--spacing-xxl));z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._link-preview_1dlj9_2:hover ._link-preview__dismiss-bridge_1dlj9_12,._link-preview_1dlj9_2:focus-within ._link-preview__dismiss-bridge_1dlj9_12{pointer-events:auto}._link-preview_1dlj9_2:hover ._link-preview__dismiss_1dlj9_12,._link-preview_1dlj9_2:focus-within ._link-preview__dismiss_1dlj9_12{opacity:1;pointer-events:auto}._link-preview__card_1dlj9_37{background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-1);display:flex;flex:1 0 0;align-items:flex-start;min-width:0;padding:var(--spacing-l);transition:box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._link-preview__card_1dlj9_37:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._link-preview__card--small-image_1dlj9_54{gap:var(--spacing-m)}._link-preview__card--large-image_1dlj9_57{flex-direction:column;gap:var(--spacing-m)}._link-preview__card--collapsed-image_1dlj9_61{flex-direction:column;gap:var(--spacing-l)}._link-preview__text_1dlj9_65{display:flex;flex-direction:column;gap:var(--spacing-xxxs);align-items:flex-start;min-width:0;overflow:hidden}._link-preview__card--small-image_1dlj9_54 ._link-preview__text_1dlj9_65{flex:1 0 0}._link-preview__card--large-image_1dlj9_57 ._link-preview__text_1dlj9_65,._link-preview__card--collapsed-image_1dlj9_61 ._link-preview__text_1dlj9_65{flex:0 0 auto;width:100%}._link-preview__site-name_1dlj9_80{font-size:var(--font-size-50);font-weight:var(--font-weight-regular);line-height:var(--line-height-50);letter-spacing:.11px;color:rgba(var(--center-channel-color-rgb),.64);width:100%}._link-preview__title_1dlj9_88{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--link-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._link-preview__description_1dlj9_99{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._link-preview__thumbnail_1dlj9_110{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-s);overflow:hidden}._link-preview__thumbnail-img_1dlj9_117{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}._link-preview__image-preview_1dlj9_124{max-width:100%}

package/dist/components/link-preview/LinkPreview.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./LinkPreview.module.css');const e={"link-preview":"_link-preview_1dlj9_2","link-preview__dismiss-bridge":"_link-preview__dismiss-bridge_1dlj9_12","link-preview__dismiss":"_link-preview__dismiss_1dlj9_12","link-preview__card":"_link-preview__card_1dlj9_37","link-preview__card--small-image":"_link-preview__card--small-image_1dlj9_54","link-preview__card--large-image":"_link-preview__card--large-image_1dlj9_57","link-preview__card--collapsed-image":"_link-preview__card--collapsed-image_1dlj9_61","link-preview__text":"_link-preview__text_1dlj9_65","link-preview__site-name":"_link-preview__site-name_1dlj9_80","link-preview__title":"_link-preview__title_1dlj9_88","link-preview__description":"_link-preview__description_1dlj9_99","link-preview__thumbnail":"_link-preview__thumbnail_1dlj9_110","link-preview__thumbnail-img":"_link-preview__thumbnail-img_1dlj9_117","link-preview__image-preview":"_link-preview__image-preview_1dlj9_124"};exports.default=e;
2	+ //# sourceMappingURL=LinkPreview.module.scss.cjs.map

package/dist/components/link-preview/LinkPreview.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"LinkPreview.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}