@alma-oss/spirit-web-react 4.2.1 → 4.4.2

package/dist/components/Truncate/useTruncateStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncateStyleProps.js","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTruncateProps, type TruncateMode, TruncateModes } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport interface TruncateStyles<E extends ElementType> {\n  classProps: string;\n  props: SpiritTruncateProps<E>;\n  styleProps: TruncateCSSProperties;\n  effectiveMode: TruncateMode;\n  effectiveLimit?: number;\n}\n\nexport const useTruncateStyleProps = <E extends ElementType>(props: SpiritTruncateProps<E>): TruncateStyles<E> => {\n  const { limit, mode = TruncateModes.LINES, ...restProps } = props;\n\n  const truncateClassName = useClassNamePrefix(mode === TruncateModes.LINES ? 'text-truncate-multiline' : '');\n  const classProps = truncateClassName;\n\n  const truncateStyle: TruncateCSSProperties = {};\n\n  if (mode === TruncateModes.LINES && limit !== undefined) {\n    truncateStyle['--text-truncate-lines'] = limit;\n  }\n\n  return {\n    classProps,\n    props: restProps,\n    styleProps: truncateStyle,\n    effectiveMode: mode,\n    effectiveLimit: limit,\n  };\n};\n"],"names":["useTruncateStyleProps","props","limit","mode","TruncateModes","restProps","classProps","useClassNamePrefix","truncateStyle"],"mappings":";;AAgBO,MAAMA,IAAwB,CAAwBC,MAAqD;AAChH,QAAM,EAAE,OAAAC,GAAO,MAAAC,IAAOC,EAAc,OAAO,GAAGC,MAAcJ,GAGtDK,IADoBC,EAAmBJ,MAASC,EAAc,QAAQ,4BAA4B,EAAE,GAGpGI,IAAuC,CAAA;AAE7C,SAAIL,MAASC,EAAc,SAASF,MAAU,WAC5CM,EAAc,uBAAuB,IAAIN,IAGpC;AAAA,IACL,YAAAI;AAAA,IACA,OAAOD;AAAA,IACP,YAAYG;AAAA,IACZ,eAAeL;AAAA,IACf,gBAAgBD;AAAA,EAAA;AAEpB;"}

package/dist/components/Truncate/useTruncatedText.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=require("../../types/truncate.cjs"),u="…",c=(e,r)=>{const s=e.trim().split(/\s+/);return s.length<=r?e:`${s.slice(0,r).join(" ")}${u}`},a=(e,r)=>e.length<=r?e:`${e.slice(0,r)}${u}`,n=e=>e,d=(e,r,s)=>o.useMemo(()=>{if(typeof e!="string"||!s||s<=0)return e;switch(r){case t.TruncateModes.WORDS:return c(e,s);case t.TruncateModes.CHARACTERS:return a(e,s);case t.TruncateModes.LINES:default:return n(e)}},[e,r,s]);exports.truncateByCharacters=a;exports.truncateByLines=n;exports.truncateByWords=c;exports.useTruncatedText=d;
+//# sourceMappingURL=useTruncatedText.cjs.map

package/dist/components/Truncate/useTruncatedText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncatedText.cjs","sources":["../../../src/components/Truncate/useTruncatedText.ts"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useMemo } from 'react';\nimport { type TruncateMode, TruncateModes } from '../../types';\n\nconst ELLIPSIS = '…';\n\nexport const truncateByWords = (content: string, limit: number): string => {\n  const words = content.trim().split(/\\s+/);\n  if (words.length <= limit) {\n    return content;\n  }\n\n  return `${words.slice(0, limit).join(' ')}${ELLIPSIS}`;\n};\n\nexport const truncateByCharacters = (content: string, limit: number): string => {\n  if (content.length <= limit) {\n    return content;\n  }\n\n  return `${content.slice(0, limit)}${ELLIPSIS}`;\n};\n\nexport const truncateByLines = (content: string): string => content;\n\nexport const useTruncatedText = (content: ReactNode, mode: TruncateMode, limit?: number): ReactNode =>\n  useMemo(() => {\n    if (typeof content !== 'string') {\n      return content;\n    }\n\n    if (!limit || limit <= 0) {\n      return content;\n    }\n\n    switch (mode) {\n      case TruncateModes.WORDS:\n        return truncateByWords(content, limit);\n      case TruncateModes.CHARACTERS:\n        return truncateByCharacters(content, limit);\n      case TruncateModes.LINES:\n      default:\n        return truncateByLines(content);\n    }\n  }, [content, mode, limit]);\n"],"names":["ELLIPSIS","truncateByWords","content","limit","words","truncateByCharacters","truncateByLines","useTruncatedText","mode","useMemo","TruncateModes"],"mappings":"4JAKMA,EAAW,IAEJC,EAAkB,CAACC,EAAiBC,IAA0B,CACzE,MAAMC,EAAQF,EAAQ,KAAA,EAAO,MAAM,KAAK,EACxC,OAAIE,EAAM,QAAUD,EACXD,EAGF,GAAGE,EAAM,MAAM,EAAGD,CAAK,EAAE,KAAK,GAAG,CAAC,GAAGH,CAAQ,EACtD,EAEaK,EAAuB,CAACH,EAAiBC,IAChDD,EAAQ,QAAUC,EACbD,EAGF,GAAGA,EAAQ,MAAM,EAAGC,CAAK,CAAC,GAAGH,CAAQ,GAGjCM,EAAmBJ,GAA4BA,EAE/CK,EAAmB,CAACL,EAAoBM,EAAoBL,IACvEM,EAAAA,QAAQ,IAAM,CAKZ,GAJI,OAAOP,GAAY,UAInB,CAACC,GAASA,GAAS,EACrB,OAAOD,EAGT,OAAQM,EAAA,CACN,KAAKE,EAAAA,cAAc,MACjB,OAAOT,EAAgBC,EAASC,CAAK,EACvC,KAAKO,EAAAA,cAAc,WACjB,OAAOL,EAAqBH,EAASC,CAAK,EAC5C,KAAKO,EAAAA,cAAc,MACnB,QACE,OAAOJ,EAAgBJ,CAAO,CAAA,CAEpC,EAAG,CAACA,EAASM,EAAML,CAAK,CAAC"}

package/dist/components/Truncate/useTruncatedText.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { TruncateMode } from '../../types';
+export declare const truncateByWords: (content: string, limit: number) => string;
+export declare const truncateByCharacters: (content: string, limit: number) => string;
+export declare const truncateByLines: (content: string) => string;
+export declare const useTruncatedText: (content: ReactNode, mode: TruncateMode, limit?: number) => ReactNode;

package/dist/components/Truncate/useTruncatedText.js

@@ -0,0 +1,26 @@
+"use client";
+import { useMemo as a } from "react";
+import { TruncateModes as u } from "../../types/truncate.js";
+const t = "…", c = (r, s) => {
+  const e = r.trim().split(/\s+/);
+  return e.length <= s ? r : `${e.slice(0, s).join(" ")}${t}`;
+}, f = (r, s) => r.length <= s ? r : `${r.slice(0, s)}${t}`, n = (r) => r, S = (r, s, e) => a(() => {
+  if (typeof r != "string" || !e || e <= 0)
+    return r;
+  switch (s) {
+    case u.WORDS:
+      return c(r, e);
+    case u.CHARACTERS:
+      return f(r, e);
+    case u.LINES:
+    default:
+      return n(r);
+  }
+}, [r, s, e]);
+export {
+  f as truncateByCharacters,
+  n as truncateByLines,
+  c as truncateByWords,
+  S as useTruncatedText
+};
+//# sourceMappingURL=useTruncatedText.js.map

package/dist/components/Truncate/useTruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncatedText.js","sources":["../../../src/components/Truncate/useTruncatedText.ts"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useMemo } from 'react';\nimport { type TruncateMode, TruncateModes } from '../../types';\n\nconst ELLIPSIS = '…';\n\nexport const truncateByWords = (content: string, limit: number): string => {\n  const words = content.trim().split(/\\s+/);\n  if (words.length <= limit) {\n    return content;\n  }\n\n  return `${words.slice(0, limit).join(' ')}${ELLIPSIS}`;\n};\n\nexport const truncateByCharacters = (content: string, limit: number): string => {\n  if (content.length <= limit) {\n    return content;\n  }\n\n  return `${content.slice(0, limit)}${ELLIPSIS}`;\n};\n\nexport const truncateByLines = (content: string): string => content;\n\nexport const useTruncatedText = (content: ReactNode, mode: TruncateMode, limit?: number): ReactNode =>\n  useMemo(() => {\n    if (typeof content !== 'string') {\n      return content;\n    }\n\n    if (!limit || limit <= 0) {\n      return content;\n    }\n\n    switch (mode) {\n      case TruncateModes.WORDS:\n        return truncateByWords(content, limit);\n      case TruncateModes.CHARACTERS:\n        return truncateByCharacters(content, limit);\n      case TruncateModes.LINES:\n      default:\n        return truncateByLines(content);\n    }\n  }, [content, mode, limit]);\n"],"names":["ELLIPSIS","truncateByWords","content","limit","words","truncateByCharacters","truncateByLines","useTruncatedText","mode","useMemo","TruncateModes"],"mappings":";;;AAKA,MAAMA,IAAW,KAEJC,IAAkB,CAACC,GAAiBC,MAA0B;AACzE,QAAMC,IAAQF,EAAQ,KAAA,EAAO,MAAM,KAAK;AACxC,SAAIE,EAAM,UAAUD,IACXD,IAGF,GAAGE,EAAM,MAAM,GAAGD,CAAK,EAAE,KAAK,GAAG,CAAC,GAAGH,CAAQ;AACtD,GAEaK,IAAuB,CAACH,GAAiBC,MAChDD,EAAQ,UAAUC,IACbD,IAGF,GAAGA,EAAQ,MAAM,GAAGC,CAAK,CAAC,GAAGH,CAAQ,IAGjCM,IAAkB,CAACJ,MAA4BA,GAE/CK,IAAmB,CAACL,GAAoBM,GAAoBL,MACvEM,EAAQ,MAAM;AAKZ,MAJI,OAAOP,KAAY,YAInB,CAACC,KAASA,KAAS;AACrB,WAAOD;AAGT,UAAQM,GAAA;AAAA,IACN,KAAKE,EAAc;AACjB,aAAOT,EAAgBC,GAASC,CAAK;AAAA,IACvC,KAAKO,EAAc;AACjB,aAAOL,EAAqBH,GAASC,CAAK;AAAA,IAC5C,KAAKO,EAAc;AAAA,IACnB;AACE,aAAOJ,EAAgBJ,CAAO;AAAA,EAAA;AAEpC,GAAG,CAACA,GAASM,GAAML,CAAK,CAAC;"}

package/dist/components/Truncate.d.ts

@@ -0,0 +1,2 @@
+export * from './Truncate/index'
+export {}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("classnames"),y=require("../../hooks/styleProps.cjs"),_=require("../../hooks/useClassNamePrefix.cjs"),j=require("../../hooks/useI18n.cjs"),C=require("../Icon/Icon.cjs"),E=require("./constants.cjs"),v=require("./UNSTABLE_AttachmentActionButton.cjs"),B=require("./UNSTABLE_AttachmentDismissButton.cjs"),L=require("./useAttachmentStyleProps.cjs"),U={elementType:"li",iconName:E.DEFAULT_ATTACHMENT_ICON_NAME,isFluid:!1},s=a=>{const c={...U,...a},{t:n}=j.useI18n(),{editText:i,elementType:l,iconName:u,id:m,isFluid:d,label:p,onDismiss:N,onChange:o,removeText:h,previewSlot:A,...T}=c,x=i??n("attachment.edit"),P=h??n("attachment.remove"),{classProps:t}=L.useAttachmentStyleProps({isFluid:d}),{styleProps:r,props:f}=y.useStyleProps(T),S=l;return e.jsxs(S,{...f,...r,id:m,className:q(t.root,r.className),children:[A??e.jsx(C.default,{name:u,"aria-hidden":"true"}),e.jsx("span",{className:t.name,children:e.jsx("span",{className:_.useClassNamePrefix("text-truncate"),children:p})}),o&&e.jsx("span",{className:t.slot,children:e.jsx(v.default,{onClick:o,children:x})}),e.jsx(B.default,{onClick:N,children:P})]})};s.spiritComponent="UNSTABLE_Attachment";s.displayName="UNSTABLE_Attachment";exports.default=s;
+//# sourceMappingURL=UNSTABLE_Attachment.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Attachment.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_Attachment.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { DEFAULT_ATTACHMENT_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentProps } from './types';\nimport UNSTABLE_AttachmentActionButton from './UNSTABLE_AttachmentActionButton';\nimport UNSTABLE_AttachmentDismissButton from './UNSTABLE_AttachmentDismissButton';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_ATTACHMENT_ICON_NAME,\n  isFluid: false,\n};\n\nconst UNSTABLE_Attachment = <E extends ElementType = 'li'>(props: SpiritUnstableAttachmentProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    iconName,\n    id,\n    isFluid,\n    label,\n    onDismiss,\n    onChange,\n    removeText,\n    previewSlot,\n    ...restProps\n  } = propsWithDefaults;\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useAttachmentStyleProps({ isFluid });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component {...transferProps} {...styleProps} id={id} className={classNames(classProps.root, styleProps.className)}>\n      {previewSlot ?? <Icon name={iconName} aria-hidden=\"true\" />}\n      <span className={classProps.name}>\n        <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n      </span>\n      {onChange && (\n        <span className={classProps.slot}>\n          <UNSTABLE_AttachmentActionButton onClick={onChange}>{resolvedEditText}</UNSTABLE_AttachmentActionButton>\n        </span>\n      )}\n      <UNSTABLE_AttachmentDismissButton onClick={onDismiss}>{resolvedRemoveText}</UNSTABLE_AttachmentDismissButton>\n    </Component>\n  );\n};\n\nUNSTABLE_Attachment.spiritComponent = 'UNSTABLE_Attachment';\nUNSTABLE_Attachment.displayName = 'UNSTABLE_Attachment';\n\nexport default UNSTABLE_Attachment;\n"],"names":["defaultProps","DEFAULT_ATTACHMENT_ICON_NAME","UNSTABLE_Attachment","props","propsWithDefaults","t","useI18n","editText","elementType","iconName","id","isFluid","label","onDismiss","onChange","removeText","previewSlot","restProps","resolvedEditText","resolvedRemoveText","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","Component","jsxs","classNames","jsx","Icon","useClassNamePrefix","UNSTABLE_AttachmentActionButton","UNSTABLE_AttachmentDismissButton"],"mappings":"ggBAYMA,EAAe,CACnB,YAAa,KACb,SAAUC,EAAAA,6BACV,QAAS,EACX,EAEMC,EAAqDC,GAAyD,CAClH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,EAAAE,CAAA,EAAMC,UAAA,EACR,CACJ,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,GAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,GAAGC,CAAA,EACDb,EACEc,EAAmBX,GAAYF,EAAE,iBAAiB,EAClDc,EAAqBJ,GAAcV,EAAE,mBAAmB,EACxD,CAAE,WAAAe,CAAA,EAAeC,0BAAwB,CAAE,QAAAV,EAAS,EACpD,CAAA,WAAEW,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcP,CAAS,EAE9DQ,EAAYjB,EAElB,OACEkB,EAAAA,KAACD,EAAA,CAAW,GAAGF,EAAgB,GAAGD,EAAY,GAAAZ,EAAQ,UAAWiB,EAAWP,EAAW,KAAME,EAAW,SAAS,EAC9G,SAAA,CAAAN,GAAeY,EAAAA,IAACC,UAAA,CAAK,KAAMpB,EAAU,cAAY,OAAO,EACzDmB,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAW,KAC1B,SAAAQ,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,mBAAmB,eAAe,EAAI,SAAAlB,CAAA,CAAM,EAC/D,EACCE,GACCc,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAW,KAC1B,SAAAQ,EAAAA,IAACG,EAAAA,QAAA,CAAgC,QAASjB,EAAW,SAAAI,CAAA,CAAiB,EACxE,EAEFU,EAAAA,IAACI,EAAAA,QAAA,CAAiC,QAASnB,EAAY,SAAAM,CAAA,CAAmB,CAAA,EAC5E,CAEJ,EAEAjB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.d.ts

@@ -0,0 +1,8 @@
+import { ElementType } from 'react';
+import { SpiritUnstableAttachmentProps } from './types';
+declare const UNSTABLE_Attachment: {
+    <E extends ElementType = "li">(props: SpiritUnstableAttachmentProps<E>): JSX.Element;
+    spiritComponent: string;
+    displayName: string;
+};
+export default UNSTABLE_Attachment;

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsxs as E, jsx as t } from "react/jsx-runtime";
+import P from "classnames";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as _ } from "../../hooks/useClassNamePrefix.js";
+import { useI18n as B } from "../../hooks/useI18n.js";
+import v from "../Icon/Icon.js";
+import { DEFAULT_ATTACHMENT_ICON_NAME as y } from "./constants.js";
+import L from "./UNSTABLE_AttachmentActionButton.js";
+import U from "./UNSTABLE_AttachmentDismissButton.js";
+import { useAttachmentStyleProps as D } from "./useAttachmentStyleProps.js";
+const F = {
+  elementType: "li",
+  iconName: y,
+  isFluid: !1
+}, r = (m) => {
+  const a = { ...F, ...m }, { t: s } = B(), {
+    editText: i,
+    elementType: c,
+    iconName: l,
+    id: p,
+    isFluid: d,
+    label: N,
+    onDismiss: h,
+    onChange: o,
+    removeText: f,
+    previewSlot: u,
+    ...A
+  } = a, T = i ?? s("attachment.edit"), x = f ?? s("attachment.remove"), { classProps: e } = D({ isFluid: d }), { styleProps: n, props: C } = S(A);
+  return /* @__PURE__ */ E(c, { ...C, ...n, id: p, className: P(e.root, n.className), children: [
+    u ?? /* @__PURE__ */ t(v, { name: l, "aria-hidden": "true" }),
+    /* @__PURE__ */ t("span", { className: e.name, children: /* @__PURE__ */ t("span", { className: _("text-truncate"), children: N }) }),
+    o && /* @__PURE__ */ t("span", { className: e.slot, children: /* @__PURE__ */ t(L, { onClick: o, children: T }) }),
+    /* @__PURE__ */ t(U, { onClick: h, children: x })
+  ] });
+};
+r.spiritComponent = "UNSTABLE_Attachment";
+r.displayName = "UNSTABLE_Attachment";
+export {
+  r as default
+};
+//# sourceMappingURL=UNSTABLE_Attachment.js.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Attachment.js","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_Attachment.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { DEFAULT_ATTACHMENT_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentProps } from './types';\nimport UNSTABLE_AttachmentActionButton from './UNSTABLE_AttachmentActionButton';\nimport UNSTABLE_AttachmentDismissButton from './UNSTABLE_AttachmentDismissButton';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_ATTACHMENT_ICON_NAME,\n  isFluid: false,\n};\n\nconst UNSTABLE_Attachment = <E extends ElementType = 'li'>(props: SpiritUnstableAttachmentProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    iconName,\n    id,\n    isFluid,\n    label,\n    onDismiss,\n    onChange,\n    removeText,\n    previewSlot,\n    ...restProps\n  } = propsWithDefaults;\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useAttachmentStyleProps({ isFluid });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component {...transferProps} {...styleProps} id={id} className={classNames(classProps.root, styleProps.className)}>\n      {previewSlot ?? <Icon name={iconName} aria-hidden=\"true\" />}\n      <span className={classProps.name}>\n        <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n      </span>\n      {onChange && (\n        <span className={classProps.slot}>\n          <UNSTABLE_AttachmentActionButton onClick={onChange}>{resolvedEditText}</UNSTABLE_AttachmentActionButton>\n        </span>\n      )}\n      <UNSTABLE_AttachmentDismissButton onClick={onDismiss}>{resolvedRemoveText}</UNSTABLE_AttachmentDismissButton>\n    </Component>\n  );\n};\n\nUNSTABLE_Attachment.spiritComponent = 'UNSTABLE_Attachment';\nUNSTABLE_Attachment.displayName = 'UNSTABLE_Attachment';\n\nexport default UNSTABLE_Attachment;\n"],"names":["defaultProps","DEFAULT_ATTACHMENT_ICON_NAME","UNSTABLE_Attachment","props","propsWithDefaults","t","useI18n","editText","elementType","iconName","id","isFluid","label","onDismiss","onChange","removeText","previewSlot","restProps","resolvedEditText","resolvedRemoveText","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","Icon","useClassNamePrefix","UNSTABLE_AttachmentActionButton","UNSTABLE_AttachmentDismissButton"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,UAAUC;AAAA,EACV,SAAS;AACX,GAEMC,IAAsB,CAA+BC,MAAyD;AAClH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACR;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GACEc,IAAmBX,KAAYF,EAAE,iBAAiB,GAClDc,IAAqBJ,KAAcV,EAAE,mBAAmB,GACxD,EAAE,YAAAe,EAAA,IAAeC,EAAwB,EAAE,SAAAV,GAAS,GACpD,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAkBC,EAAcP,CAAS;AAIpE,SACE,gBAAAQ,EAHgBjB,GAGf,EAAW,GAAGe,GAAgB,GAAGD,GAAY,IAAAZ,GAAQ,WAAWgB,EAAWN,EAAW,MAAME,EAAW,SAAS,GAC9G,UAAA;AAAA,IAAAN,KAAe,gBAAAW,EAACC,GAAA,EAAK,MAAMnB,GAAU,eAAY,QAAO;AAAA,IACzD,gBAAAkB,EAAC,QAAA,EAAK,WAAWP,EAAW,MAC1B,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAWE,EAAmB,eAAe,GAAI,UAAAjB,EAAA,CAAM,GAC/D;AAAA,IACCE,KACC,gBAAAa,EAAC,QAAA,EAAK,WAAWP,EAAW,MAC1B,UAAA,gBAAAO,EAACG,GAAA,EAAgC,SAAShB,GAAW,UAAAI,EAAA,CAAiB,GACxE;AAAA,IAEF,gBAAAS,EAACI,GAAA,EAAiC,SAASlB,GAAY,UAAAM,EAAA,CAAmB;AAAA,EAAA,GAC5E;AAEJ;AAEAjB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("classnames"),l=require("../../hooks/styleProps.cjs"),p=require("../Icon/Icon.cjs"),A=require("../VisuallyHidden/VisuallyHidden.cjs"),d=require("./constants.cjs"),m=require("./useAttachmentStyleProps.cjs"),e=n=>{const{name:r=d.DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME,children:o,...c}=n,{classProps:u}=m.useAttachmentStyleProps(),{styleProps:s,props:a}=l.useStyleProps(c);return t.jsxs("button",{type:"button",...a,...s,className:i(u.button,s.className),children:[t.jsx(A.default,{children:o}),t.jsx(p.default,{name:r,"aria-hidden":"true"})]})};e.spiritComponent="UNSTABLE_AttachmentActionButton";e.displayName="UNSTABLE_AttachmentActionButton";exports.default=e;
+//# sourceMappingURL=UNSTABLE_AttachmentActionButton.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_AttachmentActionButton.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentActionButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentActionButton = (props: SpiritUnstableAttachmentActionButtonProps) => {\n  const { name = DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME, children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name={name} aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentActionButton.spiritComponent = 'UNSTABLE_AttachmentActionButton';\nUNSTABLE_AttachmentActionButton.displayName = 'UNSTABLE_AttachmentActionButton';\n\nexport default UNSTABLE_AttachmentActionButton;\n"],"names":["UNSTABLE_AttachmentActionButton","props","name","DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":"sXAWMA,EAAmCC,GAAqD,CAC5F,KAAM,CAAE,KAAAC,EAAOC,EAAAA,2CAA4C,SAAAC,EAAU,GAAGC,GAAcJ,EAChF,CAAE,WAAAK,CAAA,EAAeC,0BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAEpE,OACEM,EAAAA,KAAC,SAAA,CACC,KAAK,SACJ,GAAGF,EACH,GAAGD,EACJ,UAAWI,EAAWN,EAAW,OAAQE,EAAW,SAAS,EAE7D,SAAA,CAAAK,MAACC,EAAAA,SAAgB,SAAAV,EAAS,EAC1BS,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAAb,EAAY,cAAY,MAAA,CAAO,CAAA,CAAA,CAAA,CAG3C,EAEAF,EAAgC,gBAAkB,kCAClDA,EAAgC,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SpiritUnstableAttachmentActionButtonProps } from './types';
+declare const UNSTABLE_AttachmentActionButton: {
+    (props: SpiritUnstableAttachmentActionButtonProps): React.JSX.Element;
+    spiritComponent: string;
+    displayName: string;
+};
+export default UNSTABLE_AttachmentActionButton;

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import p from "classnames";
+import { useStyleProps as A } from "../../hooks/styleProps.js";
+import l from "../Icon/Icon.js";
+import u from "../VisuallyHidden/VisuallyHidden.js";
+import { DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME as N } from "./constants.js";
+import { useAttachmentStyleProps as T } from "./useAttachmentStyleProps.js";
+const s = (r) => {
+  const { name: e = N, children: n, ...m } = r, { classProps: i } = T(), { styleProps: t, props: a } = A(m);
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      ...a,
+      ...t,
+      className: p(i.button, t.className),
+      children: [
+        /* @__PURE__ */ o(u, { children: n }),
+        /* @__PURE__ */ o(l, { name: e, "aria-hidden": "true" })
+      ]
+    }
+  );
+};
+s.spiritComponent = "UNSTABLE_AttachmentActionButton";
+s.displayName = "UNSTABLE_AttachmentActionButton";
+export {
+  s as default
+};
+//# sourceMappingURL=UNSTABLE_AttachmentActionButton.js.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_AttachmentActionButton.js","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentActionButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentActionButton = (props: SpiritUnstableAttachmentActionButtonProps) => {\n  const { name = DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME, children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name={name} aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentActionButton.spiritComponent = 'UNSTABLE_AttachmentActionButton';\nUNSTABLE_AttachmentActionButton.displayName = 'UNSTABLE_AttachmentActionButton';\n\nexport default UNSTABLE_AttachmentActionButton;\n"],"names":["UNSTABLE_AttachmentActionButton","props","name","DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":";;;;;;;;AAWA,MAAMA,IAAkC,CAACC,MAAqD;AAC5F,QAAM,EAAE,MAAAC,IAAOC,GAA4C,UAAAC,GAAU,GAAGC,MAAcJ,GAChF,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS;AAEpE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACJ,GAAGF;AAAA,MACH,GAAGD;AAAA,MACJ,WAAWI,EAAWN,EAAW,QAAQE,EAAW,SAAS;AAAA,MAE7D,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAgB,UAAAV,GAAS;AAAA,QAC1B,gBAAAS,EAACE,GAAA,EAAK,MAAAb,GAAY,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEAF,EAAgC,kBAAkB;AAClDA,EAAgC,cAAc;"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("classnames"),a=require("../../hooks/styleProps.cjs"),l=require("../Icon/Icon.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),p=require("./useAttachmentStyleProps.cjs"),s=r=>{const{children:n,...o}=r,{classProps:u}=p.useAttachmentStyleProps(),{styleProps:e,props:i}=a.useStyleProps(o);return t.jsxs("button",{type:"button",...i,...e,className:c(u.button,e.className),children:[t.jsx(m.default,{children:n}),t.jsx(l.default,{name:"close","aria-hidden":"true"})]})};s.spiritComponent="UNSTABLE_AttachmentDismissButton";s.displayName="UNSTABLE_AttachmentDismissButton";exports.default=s;
+//# sourceMappingURL=UNSTABLE_AttachmentDismissButton.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_AttachmentDismissButton.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { type SpiritUnstableAttachmentDismissButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentDismissButton = (props: SpiritUnstableAttachmentDismissButtonProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name=\"close\" aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentDismissButton.spiritComponent = 'UNSTABLE_AttachmentDismissButton';\nUNSTABLE_AttachmentDismissButton.displayName = 'UNSTABLE_AttachmentDismissButton';\n\nexport default UNSTABLE_AttachmentDismissButton;\n"],"names":["UNSTABLE_AttachmentDismissButton","props","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":"yVAUMA,EAAoCC,GAAsD,CAC9F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,CAAA,EAAeC,0BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAEpE,OACEM,EAAAA,KAAC,SAAA,CACC,KAAK,SACJ,GAAGF,EACH,GAAGD,EACJ,UAAWI,EAAWN,EAAW,OAAQE,EAAW,SAAS,EAE7D,SAAA,CAAAK,MAACC,EAAAA,SAAgB,SAAAV,EAAS,EAC1BS,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,cAAY,MAAA,CAAO,CAAA,CAAA,CAAA,CAG5C,EAEAb,EAAiC,gBAAkB,mCACnDA,EAAiC,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SpiritUnstableAttachmentDismissButtonProps } from './types';
+declare const UNSTABLE_AttachmentDismissButton: {
+    (props: SpiritUnstableAttachmentDismissButtonProps): React.JSX.Element;
+    spiritComponent: string;
+    displayName: string;
+};
+export default UNSTABLE_AttachmentDismissButton;

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import p from "classnames";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import l from "../Icon/Icon.js";
+import u from "../VisuallyHidden/VisuallyHidden.js";
+import { useAttachmentStyleProps as d } from "./useAttachmentStyleProps.js";
+const o = (r) => {
+  const { children: e, ...m } = r, { classProps: n } = d(), { styleProps: t, props: i } = c(m);
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      ...i,
+      ...t,
+      className: p(n.button, t.className),
+      children: [
+        /* @__PURE__ */ s(u, { children: e }),
+        /* @__PURE__ */ s(l, { name: "close", "aria-hidden": "true" })
+      ]
+    }
+  );
+};
+o.spiritComponent = "UNSTABLE_AttachmentDismissButton";
+o.displayName = "UNSTABLE_AttachmentDismissButton";
+export {
+  o as default
+};
+//# sourceMappingURL=UNSTABLE_AttachmentDismissButton.js.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_AttachmentDismissButton.js","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { type SpiritUnstableAttachmentDismissButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentDismissButton = (props: SpiritUnstableAttachmentDismissButtonProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name=\"close\" aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentDismissButton.spiritComponent = 'UNSTABLE_AttachmentDismissButton';\nUNSTABLE_AttachmentDismissButton.displayName = 'UNSTABLE_AttachmentDismissButton';\n\nexport default UNSTABLE_AttachmentDismissButton;\n"],"names":["UNSTABLE_AttachmentDismissButton","props","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":";;;;;;;AAUA,MAAMA,IAAmC,CAACC,MAAsD;AAC9F,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS;AAEpE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACJ,GAAGF;AAAA,MACH,GAAGD;AAAA,MACJ,WAAWI,EAAWN,EAAW,QAAQE,EAAW,SAAS;AAAA,MAE7D,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAgB,UAAAV,GAAS;AAAA,QAC1B,gBAAAS,EAACE,GAAA,EAAK,MAAK,SAAQ,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEAb,EAAiC,kBAAkB;AACnDA,EAAiC,cAAc;"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),S=require("classnames"),g=require("../../constants/media.cjs"),y=require("../../hooks/styleProps.cjs"),a=require("./constants.cjs"),N=require("./useAttachmentStyleProps.cjs"),h={meta:void 0,imageObjectFit:g.ObjectFit.COVER},t=o=>{const i={...h,...o},{label:c,imagePreview:n,meta:l,imageObjectFit:m,...u}=i,{classProps:e}=N.useAttachmentStyleProps({meta:l,imageObjectFit:m}),p=e.imageCropStyles??{},A=e.attachmentStyles??{},{styleProps:s,props:P}=y.useStyleProps(u);return r.jsx("span",{...P,...s,className:S(e.image,s.className),children:r.jsx("img",{src:n,width:a.DEFAULT_ATTACHMENT_IMAGE_DIMENSION,height:a.DEFAULT_ATTACHMENT_IMAGE_DIMENSION,alt:c,style:{...p,...A}})})};t.spiritComponent="UNSTABLE_AttachmentImagePreview";t.displayName="UNSTABLE_AttachmentImagePreview";exports.default=t;
+//# sourceMappingURL=UNSTABLE_AttachmentImagePreview.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_AttachmentImagePreview.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ObjectFit } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { DEFAULT_ATTACHMENT_IMAGE_DIMENSION } from './constants';\nimport { type SpiritUnstableAttachmentImagePreviewProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst defaultProps: Partial<SpiritUnstableAttachmentImagePreviewProps> = {\n  meta: undefined,\n  imageObjectFit: ObjectFit.COVER,\n};\n\nconst UNSTABLE_AttachmentImagePreview = (props: SpiritUnstableAttachmentImagePreviewProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { label, imagePreview, meta, imageObjectFit, ...restProps } = propsWithDefaults;\n  const { classProps } = useAttachmentStyleProps({ meta, imageObjectFit });\n  const imageCropStyles = classProps.imageCropStyles ?? {};\n  const attachmentStyles = classProps.attachmentStyles ?? {};\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <span {...transferProps} {...styleProps} className={classNames(classProps.image, styleProps.className)}>\n      <img\n        src={imagePreview}\n        width={DEFAULT_ATTACHMENT_IMAGE_DIMENSION}\n        height={DEFAULT_ATTACHMENT_IMAGE_DIMENSION}\n        alt={label}\n        style={{ ...imageCropStyles, ...attachmentStyles }}\n      />\n    </span>\n  );\n};\n\nUNSTABLE_AttachmentImagePreview.spiritComponent = 'UNSTABLE_AttachmentImagePreview';\nUNSTABLE_AttachmentImagePreview.displayName = 'UNSTABLE_AttachmentImagePreview';\n\nexport default UNSTABLE_AttachmentImagePreview;\n"],"names":["defaultProps","ObjectFit","UNSTABLE_AttachmentImagePreview","props","propsWithDefaults","label","imagePreview","meta","imageObjectFit","restProps","classProps","useAttachmentStyleProps","imageCropStyles","attachmentStyles","styleProps","transferProps","useStyleProps","jsx","classNames","DEFAULT_ATTACHMENT_IMAGE_DIMENSION"],"mappings":"6UAUMA,EAAmE,CACvE,KAAM,OACN,eAAgBC,EAAAA,UAAU,KAC5B,EAEMC,EAAmCC,GAAqD,CAC5F,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,MAAAE,EAAO,aAAAC,EAAc,KAAAC,EAAM,eAAAC,EAAgB,GAAGC,GAAcL,EAC9D,CAAE,WAAAM,CAAA,EAAeC,EAAAA,wBAAwB,CAAE,KAAAJ,EAAM,eAAAC,EAAgB,EACjEI,EAAkBF,EAAW,iBAAmB,CAAA,EAChDG,EAAmBH,EAAW,kBAAoB,CAAA,EAClD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcP,CAAS,EAEpE,OACEQ,EAAAA,IAAC,OAAA,CAAM,GAAGF,EAAgB,GAAGD,EAAY,UAAWI,EAAWR,EAAW,MAAOI,EAAW,SAAS,EACnG,SAAAG,EAAAA,IAAC,MAAA,CACC,IAAKX,EACL,MAAOa,EAAAA,mCACP,OAAQA,EAAAA,mCACR,IAAKd,EACL,MAAO,CAAE,GAAGO,EAAiB,GAAGC,CAAA,CAAiB,CAAA,EAErD,CAEJ,EAEAX,EAAgC,gBAAkB,kCAClDA,EAAgC,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SpiritUnstableAttachmentImagePreviewProps } from './types';
+declare const UNSTABLE_AttachmentImagePreview: {
+    (props: SpiritUnstableAttachmentImagePreviewProps): React.JSX.Element;
+    spiritComponent: string;
+    displayName: string;
+};
+export default UNSTABLE_AttachmentImagePreview;

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import P from "classnames";
+import { ObjectFit as f } from "../../constants/media.js";
+import { useStyleProps as N } from "../../hooks/styleProps.js";
+import { DEFAULT_ATTACHMENT_IMAGE_DIMENSION as r } from "./constants.js";
+import { useAttachmentStyleProps as S } from "./useAttachmentStyleProps.js";
+const y = {
+  meta: void 0,
+  imageObjectFit: f.COVER
+}, a = (m) => {
+  const o = { ...y, ...m }, { label: i, imagePreview: c, meta: p, imageObjectFit: l, ...n } = o, { classProps: t } = S({ meta: p, imageObjectFit: l }), g = t.imageCropStyles ?? {}, h = t.attachmentStyles ?? {}, { styleProps: e, props: A } = N(n);
+  return /* @__PURE__ */ s("span", { ...A, ...e, className: P(t.image, e.className), children: /* @__PURE__ */ s(
+    "img",
+    {
+      src: c,
+      width: r,
+      height: r,
+      alt: i,
+      style: { ...g, ...h }
+    }
+  ) });
+};
+a.spiritComponent = "UNSTABLE_AttachmentImagePreview";
+a.displayName = "UNSTABLE_AttachmentImagePreview";
+export {
+  a as default
+};
+//# sourceMappingURL=UNSTABLE_AttachmentImagePreview.js.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_AttachmentImagePreview.js","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentImagePreview.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ObjectFit } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { DEFAULT_ATTACHMENT_IMAGE_DIMENSION } from './constants';\nimport { type SpiritUnstableAttachmentImagePreviewProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst defaultProps: Partial<SpiritUnstableAttachmentImagePreviewProps> = {\n  meta: undefined,\n  imageObjectFit: ObjectFit.COVER,\n};\n\nconst UNSTABLE_AttachmentImagePreview = (props: SpiritUnstableAttachmentImagePreviewProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { label, imagePreview, meta, imageObjectFit, ...restProps } = propsWithDefaults;\n  const { classProps } = useAttachmentStyleProps({ meta, imageObjectFit });\n  const imageCropStyles = classProps.imageCropStyles ?? {};\n  const attachmentStyles = classProps.attachmentStyles ?? {};\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <span {...transferProps} {...styleProps} className={classNames(classProps.image, styleProps.className)}>\n      <img\n        src={imagePreview}\n        width={DEFAULT_ATTACHMENT_IMAGE_DIMENSION}\n        height={DEFAULT_ATTACHMENT_IMAGE_DIMENSION}\n        alt={label}\n        style={{ ...imageCropStyles, ...attachmentStyles }}\n      />\n    </span>\n  );\n};\n\nUNSTABLE_AttachmentImagePreview.spiritComponent = 'UNSTABLE_AttachmentImagePreview';\nUNSTABLE_AttachmentImagePreview.displayName = 'UNSTABLE_AttachmentImagePreview';\n\nexport default UNSTABLE_AttachmentImagePreview;\n"],"names":["defaultProps","ObjectFit","UNSTABLE_AttachmentImagePreview","props","propsWithDefaults","label","imagePreview","meta","imageObjectFit","restProps","classProps","useAttachmentStyleProps","imageCropStyles","attachmentStyles","styleProps","transferProps","useStyleProps","jsx","classNames","DEFAULT_ATTACHMENT_IMAGE_DIMENSION"],"mappings":";;;;;;;AAUA,MAAMA,IAAmE;AAAA,EACvE,MAAM;AAAA,EACN,gBAAgBC,EAAU;AAC5B,GAEMC,IAAkC,CAACC,MAAqD;AAC5F,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,OAAAE,GAAO,cAAAC,GAAc,MAAAC,GAAM,gBAAAC,GAAgB,GAAGC,MAAcL,GAC9D,EAAE,YAAAM,EAAA,IAAeC,EAAwB,EAAE,MAAAJ,GAAM,gBAAAC,GAAgB,GACjEI,IAAkBF,EAAW,mBAAmB,CAAA,GAChDG,IAAmBH,EAAW,oBAAoB,CAAA,GAClD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAcP,CAAS;AAEpE,SACE,gBAAAQ,EAAC,QAAA,EAAM,GAAGF,GAAgB,GAAGD,GAAY,WAAWI,EAAWR,EAAW,OAAOI,EAAW,SAAS,GACnG,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKX;AAAA,MACL,OAAOa;AAAA,MACP,QAAQA;AAAA,MACR,KAAKd;AAAA,MACL,OAAO,EAAE,GAAGO,GAAiB,GAAGC,EAAA;AAAA,IAAiB;AAAA,EAAA,GAErD;AAEJ;AAEAX,EAAgC,kBAAkB;AAClDA,EAAgC,cAAc;"}

package/dist/components/UNSTABLE_Attachment/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=54,T="file",e="edit",A={TOP:"--file-uploader-attachment-image-top",LEFT:"--file-uploader-attachment-image-left",WIDTH:"--file-uploader-attachment-image-width",HEIGHT:"--file-uploader-attachment-image-height"};exports.AttachmentCropCSS=A;exports.DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME=e;exports.DEFAULT_ATTACHMENT_ICON_NAME=T;exports.DEFAULT_ATTACHMENT_IMAGE_DIMENSION=t;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/UNSTABLE_Attachment/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/UNSTABLE_Attachment/constants.ts"],"sourcesContent":["export const DEFAULT_ATTACHMENT_IMAGE_DIMENSION = 54; // px; @see: Attachment image dimension defined in _FileUploaderAttachment.scss\n\nexport const DEFAULT_ATTACHMENT_ICON_NAME = 'file';\n\nexport const DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME = 'edit';\n\nexport const AttachmentCropCSS = {\n  TOP: '--file-uploader-attachment-image-top',\n  LEFT: '--file-uploader-attachment-image-left',\n  WIDTH: '--file-uploader-attachment-image-width',\n  HEIGHT: '--file-uploader-attachment-image-height',\n} as const;\n"],"names":["DEFAULT_ATTACHMENT_IMAGE_DIMENSION","DEFAULT_ATTACHMENT_ICON_NAME","DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME","AttachmentCropCSS"],"mappings":"gFAAO,MAAMA,EAAqC,GAErCC,EAA+B,OAE/BC,EAA6C,OAE7CC,EAAoB,CAC/B,IAAK,uCACL,KAAM,wCACN,MAAO,yCACP,OAAQ,yCACV"}

package/dist/components/UNSTABLE_Attachment/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const DEFAULT_ATTACHMENT_IMAGE_DIMENSION = 54;
+export declare const DEFAULT_ATTACHMENT_ICON_NAME = "file";
+export declare const DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME = "edit";
+export declare const AttachmentCropCSS: {
+    readonly TOP: "--file-uploader-attachment-image-top";
+    readonly LEFT: "--file-uploader-attachment-image-left";
+    readonly WIDTH: "--file-uploader-attachment-image-width";
+    readonly HEIGHT: "--file-uploader-attachment-image-height";
+};

package/dist/components/UNSTABLE_Attachment/constants.js

@@ -0,0 +1,13 @@
+const t = 54, e = "file", T = "edit", a = {
+  TOP: "--file-uploader-attachment-image-top",
+  LEFT: "--file-uploader-attachment-image-left",
+  WIDTH: "--file-uploader-attachment-image-width",
+  HEIGHT: "--file-uploader-attachment-image-height"
+};
+export {
+  a as AttachmentCropCSS,
+  T as DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME,
+  e as DEFAULT_ATTACHMENT_ICON_NAME,
+  t as DEFAULT_ATTACHMENT_IMAGE_DIMENSION
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/UNSTABLE_Attachment/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/UNSTABLE_Attachment/constants.ts"],"sourcesContent":["export const DEFAULT_ATTACHMENT_IMAGE_DIMENSION = 54; // px; @see: Attachment image dimension defined in _FileUploaderAttachment.scss\n\nexport const DEFAULT_ATTACHMENT_ICON_NAME = 'file';\n\nexport const DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME = 'edit';\n\nexport const AttachmentCropCSS = {\n  TOP: '--file-uploader-attachment-image-top',\n  LEFT: '--file-uploader-attachment-image-left',\n  WIDTH: '--file-uploader-attachment-image-width',\n  HEIGHT: '--file-uploader-attachment-image-height',\n} as const;\n"],"names":["DEFAULT_ATTACHMENT_IMAGE_DIMENSION","DEFAULT_ATTACHMENT_ICON_NAME","DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME","AttachmentCropCSS"],"mappings":"AAAO,MAAMA,IAAqC,IAErCC,IAA+B,QAE/BC,IAA6C,QAE7CC,IAAoB;AAAA,EAC/B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;"}

package/dist/components/UNSTABLE_Attachment/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./UNSTABLE_Attachment.cjs"),A=require("./UNSTABLE_AttachmentActionButton.cjs"),T=require("./UNSTABLE_AttachmentDismissButton.cjs"),n=require("./UNSTABLE_AttachmentImagePreview.cjs"),s=require("./useAttachmentImageStyles.cjs"),N=require("./useAttachmentStyleProps.cjs"),t=require("./constants.cjs");exports.UNSTABLE_Attachment=e.default;exports.UNSTABLE_AttachmentActionButton=A.default;exports.UNSTABLE_AttachmentDismissButton=T.default;exports.UNSTABLE_AttachmentImagePreview=n.default;exports.useAttachmentImageStyles=s.useAttachmentImageStyles;exports.useAttachmentStyleProps=N.useAttachmentStyleProps;exports.AttachmentCropCSS=t.AttachmentCropCSS;exports.DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME=t.DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME;exports.DEFAULT_ATTACHMENT_ICON_NAME=t.DEFAULT_ATTACHMENT_ICON_NAME;exports.DEFAULT_ATTACHMENT_IMAGE_DIMENSION=t.DEFAULT_ATTACHMENT_IMAGE_DIMENSION;
+//# sourceMappingURL=index.cjs.map

package/dist/components/UNSTABLE_Attachment/index.cjs.map

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

package/dist/components/UNSTABLE_Attachment/index.d.ts

@@ -0,0 +1,8 @@
+export { default as UNSTABLE_Attachment } from './UNSTABLE_Attachment';
+export { default as UNSTABLE_AttachmentActionButton } from './UNSTABLE_AttachmentActionButton';
+export { default as UNSTABLE_AttachmentDismissButton } from './UNSTABLE_AttachmentDismissButton';
+export { default as UNSTABLE_AttachmentImagePreview } from './UNSTABLE_AttachmentImagePreview';
+export * from './useAttachmentImageStyles';
+export * from './useAttachmentStyleProps';
+export * from './constants';
+export * from './types';

package/dist/components/UNSTABLE_Attachment/index.js

@@ -0,0 +1,20 @@
+import { default as A } from "./UNSTABLE_Attachment.js";
+import { default as T } from "./UNSTABLE_AttachmentActionButton.js";
+import { default as a } from "./UNSTABLE_AttachmentDismissButton.js";
+import { default as N } from "./UNSTABLE_AttachmentImagePreview.js";
+import { useAttachmentImageStyles as E } from "./useAttachmentImageStyles.js";
+import { useAttachmentStyleProps as f } from "./useAttachmentStyleProps.js";
+import { AttachmentCropCSS as c, DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME as p, DEFAULT_ATTACHMENT_ICON_NAME as u, DEFAULT_ATTACHMENT_IMAGE_DIMENSION as S } from "./constants.js";
+export {
+  c as AttachmentCropCSS,
+  p as DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME,
+  u as DEFAULT_ATTACHMENT_ICON_NAME,
+  S as DEFAULT_ATTACHMENT_IMAGE_DIMENSION,
+  A as UNSTABLE_Attachment,
+  T as UNSTABLE_AttachmentActionButton,
+  a as UNSTABLE_AttachmentDismissButton,
+  N as UNSTABLE_AttachmentImagePreview,
+  E as useAttachmentImageStyles,
+  f as useAttachmentStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/UNSTABLE_Attachment/index.js.map

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

package/dist/components/UNSTABLE_Attachment/types.d.ts

@@ -0,0 +1,42 @@
+import { ElementType, ReactNode } from 'react';
+import { ObjectFit } from '../../constants';
+import { PolymorphicComponentProps } from '../../types';
+import { SpiritButtonElementProps, SpiritSpanElementProps } from '../../types/shared';
+export interface UnstableFileMetadata {
+    [key: string | number]: unknown;
+}
+export type UnstableAttachmentItem = {
+    id: string;
+    label: string;
+    previewUrl?: string;
+    meta?: UnstableFileMetadata;
+};
+export interface UnstableAttachmentActionButtonProps extends SpiritButtonElementProps {
+}
+export interface UnstableAttachmentDismissButtonProps extends SpiritButtonElementProps {
+}
+export interface UnstableAttachmentImagePreviewProps extends SpiritSpanElementProps {
+    imagePreview: string;
+    label: string;
+    meta?: UnstableFileMetadata;
+    imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];
+}
+export interface UnstableAttachmentBaseProps {
+    editText?: string;
+    iconName?: string;
+    id: string;
+    isFluid?: boolean;
+    label: string;
+    onDismiss: () => void;
+    onChange?: () => void;
+    removeText?: string;
+    previewSlot?: ReactNode;
+}
+export type SpiritUnstableAttachmentProps<E extends ElementType = 'li'> = PolymorphicComponentProps<E, UnstableAttachmentBaseProps>;
+export type UnstableAttachmentProps = SpiritUnstableAttachmentProps<'li'>;
+export interface SpiritUnstableAttachmentActionButtonProps extends UnstableAttachmentActionButtonProps {
+}
+export interface SpiritUnstableAttachmentDismissButtonProps extends UnstableAttachmentDismissButtonProps {
+}
+export interface SpiritUnstableAttachmentImagePreviewProps extends UnstableAttachmentImagePreviewProps {
+}

package/dist/components/UNSTABLE_Attachment/useAttachmentImageStyles.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./constants.cjs"),h=["x","y","cropWidth","cropHeight","originalWidth","originalHeight"];function s(t){return t!=null&&h.every(e=>t[e]!=null)}function u(t){const{x:e,y:n,cropWidth:i,cropHeight:a,originalWidth:c,originalHeight:S}=t,r=a>i?o.DEFAULT_ATTACHMENT_IMAGE_DIMENSION/i:o.DEFAULT_ATTACHMENT_IMAGE_DIMENSION/a;return{[o.AttachmentCropCSS.TOP]:`-${Math.round(n*r)}px`,[o.AttachmentCropCSS.LEFT]:`-${Math.round(e*r)}px`,[o.AttachmentCropCSS.WIDTH]:`${Math.round(c*r)}px`,[o.AttachmentCropCSS.HEIGHT]:`${Math.round(S*r)}px`}}function C(t,e){const n=s(t);return{imageCropCSS:n?u(t):void 0,imageObjectFitCSS:e?{"--file-uploader-attachment-image-object-fit":e}:void 0,hasCoordsInMeta:n}}exports.useAttachmentImageStyles=C;
+//# sourceMappingURL=useAttachmentImageStyles.cjs.map

package/dist/components/UNSTABLE_Attachment/useAttachmentImageStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachmentImageStyles.cjs","sources":["../../../src/components/UNSTABLE_Attachment/useAttachmentImageStyles.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { AttachmentCropCSS, DEFAULT_ATTACHMENT_IMAGE_DIMENSION } from './constants';\nimport { type UnstableFileMetadata } from './types';\n\nexport type AttachmentImageCropCSS = {\n  [AttachmentCropCSS.TOP]?: string;\n  [AttachmentCropCSS.LEFT]?: string;\n  [AttachmentCropCSS.WIDTH]?: string;\n  [AttachmentCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\nexport type AttachmentImageObjectFit = {\n  '--file-uploader-attachment-image-object-fit': string;\n};\n\ntype AttachmentImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nexport interface AttachmentImageStylesResult {\n  imageCropCSS?: AttachmentImageCropCSS;\n  imageObjectFitCSS?: AttachmentImageObjectFit;\n  hasCoordsInMeta: boolean;\n}\n\nconst CROP_META_KEYS = ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'] as const;\n\n/**\n * Type guard: true when meta has all required crop coordinate keys with non-null values.\n *\n * @param meta - Optional file metadata.\n * @returns {boolean} True when meta is AttachmentImageCropMeta (has x, y, cropWidth, cropHeight, originalWidth, originalHeight).\n */\nfunction hasValidCropMeta(meta: UnstableFileMetadata | undefined): meta is AttachmentImageCropMeta {\n  return meta != null && CROP_META_KEYS.every((key) => meta[key] != null);\n}\n\n/**\n * Builds CSS custom properties for cropping the attachment image from validated meta coords.\n *\n * @param meta - Valid crop metadata (all coords present).\n * @returns {AttachmentImageCropCSS} CSS object with --file-uploader-attachment-image-* variables.\n */\nfunction computeCropCSS(meta: AttachmentImageCropMeta): AttachmentImageCropCSS {\n  const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta;\n  const scale =\n    cropHeight > cropWidth\n      ? DEFAULT_ATTACHMENT_IMAGE_DIMENSION / cropWidth\n      : DEFAULT_ATTACHMENT_IMAGE_DIMENSION / cropHeight;\n\n  return {\n    [AttachmentCropCSS.TOP]: `-${Math.round(y * scale)}px`,\n    [AttachmentCropCSS.LEFT]: `-${Math.round(x * scale)}px`,\n    [AttachmentCropCSS.WIDTH]: `${Math.round(originalWidth * scale)}px`,\n    [AttachmentCropCSS.HEIGHT]: `${Math.round(originalHeight * scale)}px`,\n  };\n}\n\n/**\n * Computes CSS for attachment image: crop (from meta coords) and object-fit variable.\n *\n * @param meta - Optional file metadata; when it contains crop coords, imageCropCSS is set.\n * @param imageObjectFit - Optional object-fit value for the CSS variable.\n * @returns {AttachmentImageStylesResult} imageCropCSS, imageObjectFitCSS, and hasCoordsInMeta flag.\n */\nexport function useAttachmentImageStyles(\n  meta?: UnstableFileMetadata,\n  imageObjectFit?: string,\n): AttachmentImageStylesResult {\n  const hasCoordsInMeta = hasValidCropMeta(meta);\n  const imageCropCSS = hasCoordsInMeta ? computeCropCSS(meta) : undefined;\n  const imageObjectFitCSS = imageObjectFit\n    ? { '--file-uploader-attachment-image-object-fit': imageObjectFit }\n    : undefined;\n\n  return { imageCropCSS, imageObjectFitCSS, hasCoordsInMeta };\n}\n"],"names":["CROP_META_KEYS","hasValidCropMeta","meta","key","computeCropCSS","x","y","cropWidth","cropHeight","originalWidth","originalHeight","scale","DEFAULT_ATTACHMENT_IMAGE_DIMENSION","AttachmentCropCSS","useAttachmentImageStyles","imageObjectFit","hasCoordsInMeta"],"mappings":"mHA8BMA,EAAiB,CAAC,IAAK,IAAK,YAAa,aAAc,gBAAiB,gBAAgB,EAQ9F,SAASC,EAAiBC,EAAyE,CACjG,OAAOA,GAAQ,MAAQF,EAAe,MAAOG,GAAQD,EAAKC,CAAG,GAAK,IAAI,CACxE,CAQA,SAASC,EAAeF,EAAuD,CAC7E,KAAM,CAAE,EAAAG,EAAG,EAAAC,EAAG,UAAAC,EAAW,WAAAC,EAAY,cAAAC,EAAe,eAAAC,GAAmBR,EACjES,EACJH,EAAaD,EACTK,EAAAA,mCAAqCL,EACrCK,EAAAA,mCAAqCJ,EAE3C,MAAO,CACL,CAACK,EAAAA,kBAAkB,GAAG,EAAG,IAAI,KAAK,MAAMP,EAAIK,CAAK,CAAC,KAClD,CAACE,EAAAA,kBAAkB,IAAI,EAAG,IAAI,KAAK,MAAMR,EAAIM,CAAK,CAAC,KACnD,CAACE,EAAAA,kBAAkB,KAAK,EAAG,GAAG,KAAK,MAAMJ,EAAgBE,CAAK,CAAC,KAC/D,CAACE,EAAAA,kBAAkB,MAAM,EAAG,GAAG,KAAK,MAAMH,EAAiBC,CAAK,CAAC,IAAA,CAErE,CASO,SAASG,EACdZ,EACAa,EAC6B,CAC7B,MAAMC,EAAkBf,EAAiBC,CAAI,EAM7C,MAAO,CAAE,aALYc,EAAkBZ,EAAeF,CAAI,EAAI,OAKvC,kBAJGa,EACtB,CAAE,8CAA+CA,GACjD,OAEsC,gBAAAC,CAAA,CAC5C"}

package/dist/components/UNSTABLE_Attachment/useAttachmentImageStyles.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { AttachmentCropCSS } from './constants';
+import { UnstableFileMetadata } from './types';
+export type AttachmentImageCropCSS = {
+    [AttachmentCropCSS.TOP]?: string;
+    [AttachmentCropCSS.LEFT]?: string;
+    [AttachmentCropCSS.WIDTH]?: string;
+    [AttachmentCropCSS.HEIGHT]?: string;
+} & CSSProperties;
+export type AttachmentImageObjectFit = {
+    '--file-uploader-attachment-image-object-fit': string;
+};
+export interface AttachmentImageStylesResult {
+    imageCropCSS?: AttachmentImageCropCSS;
+    imageObjectFitCSS?: AttachmentImageObjectFit;
+    hasCoordsInMeta: boolean;
+}
+export declare function useAttachmentImageStyles(meta?: UnstableFileMetadata, imageObjectFit?: string): AttachmentImageStylesResult;

package/dist/components/UNSTABLE_Attachment/useAttachmentImageStyles.js

@@ -0,0 +1,22 @@
+import { AttachmentCropCSS as n, DEFAULT_ATTACHMENT_IMAGE_DIMENSION as c } from "./constants.js";
+const u = ["x", "y", "cropWidth", "cropHeight", "originalWidth", "originalHeight"];
+function S(t) {
+  return t != null && u.every((o) => t[o] != null);
+}
+function s(t) {
+  const { x: o, y: i, cropWidth: e, cropHeight: a, originalWidth: h, originalHeight: p } = t, r = a > e ? c / e : c / a;
+  return {
+    [n.TOP]: `-${Math.round(i * r)}px`,
+    [n.LEFT]: `-${Math.round(o * r)}px`,
+    [n.WIDTH]: `${Math.round(h * r)}px`,
+    [n.HEIGHT]: `${Math.round(p * r)}px`
+  };
+}
+function d(t, o) {
+  const i = S(t);
+  return { imageCropCSS: i ? s(t) : void 0, imageObjectFitCSS: o ? { "--file-uploader-attachment-image-object-fit": o } : void 0, hasCoordsInMeta: i };
+}
+export {
+  d as useAttachmentImageStyles
+};
+//# sourceMappingURL=useAttachmentImageStyles.js.map

package/dist/components/UNSTABLE_Attachment/useAttachmentImageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachmentImageStyles.js","sources":["../../../src/components/UNSTABLE_Attachment/useAttachmentImageStyles.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { AttachmentCropCSS, DEFAULT_ATTACHMENT_IMAGE_DIMENSION } from './constants';\nimport { type UnstableFileMetadata } from './types';\n\nexport type AttachmentImageCropCSS = {\n  [AttachmentCropCSS.TOP]?: string;\n  [AttachmentCropCSS.LEFT]?: string;\n  [AttachmentCropCSS.WIDTH]?: string;\n  [AttachmentCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\nexport type AttachmentImageObjectFit = {\n  '--file-uploader-attachment-image-object-fit': string;\n};\n\ntype AttachmentImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nexport interface AttachmentImageStylesResult {\n  imageCropCSS?: AttachmentImageCropCSS;\n  imageObjectFitCSS?: AttachmentImageObjectFit;\n  hasCoordsInMeta: boolean;\n}\n\nconst CROP_META_KEYS = ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'] as const;\n\n/**\n * Type guard: true when meta has all required crop coordinate keys with non-null values.\n *\n * @param meta - Optional file metadata.\n * @returns {boolean} True when meta is AttachmentImageCropMeta (has x, y, cropWidth, cropHeight, originalWidth, originalHeight).\n */\nfunction hasValidCropMeta(meta: UnstableFileMetadata | undefined): meta is AttachmentImageCropMeta {\n  return meta != null && CROP_META_KEYS.every((key) => meta[key] != null);\n}\n\n/**\n * Builds CSS custom properties for cropping the attachment image from validated meta coords.\n *\n * @param meta - Valid crop metadata (all coords present).\n * @returns {AttachmentImageCropCSS} CSS object with --file-uploader-attachment-image-* variables.\n */\nfunction computeCropCSS(meta: AttachmentImageCropMeta): AttachmentImageCropCSS {\n  const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta;\n  const scale =\n    cropHeight > cropWidth\n      ? DEFAULT_ATTACHMENT_IMAGE_DIMENSION / cropWidth\n      : DEFAULT_ATTACHMENT_IMAGE_DIMENSION / cropHeight;\n\n  return {\n    [AttachmentCropCSS.TOP]: `-${Math.round(y * scale)}px`,\n    [AttachmentCropCSS.LEFT]: `-${Math.round(x * scale)}px`,\n    [AttachmentCropCSS.WIDTH]: `${Math.round(originalWidth * scale)}px`,\n    [AttachmentCropCSS.HEIGHT]: `${Math.round(originalHeight * scale)}px`,\n  };\n}\n\n/**\n * Computes CSS for attachment image: crop (from meta coords) and object-fit variable.\n *\n * @param meta - Optional file metadata; when it contains crop coords, imageCropCSS is set.\n * @param imageObjectFit - Optional object-fit value for the CSS variable.\n * @returns {AttachmentImageStylesResult} imageCropCSS, imageObjectFitCSS, and hasCoordsInMeta flag.\n */\nexport function useAttachmentImageStyles(\n  meta?: UnstableFileMetadata,\n  imageObjectFit?: string,\n): AttachmentImageStylesResult {\n  const hasCoordsInMeta = hasValidCropMeta(meta);\n  const imageCropCSS = hasCoordsInMeta ? computeCropCSS(meta) : undefined;\n  const imageObjectFitCSS = imageObjectFit\n    ? { '--file-uploader-attachment-image-object-fit': imageObjectFit }\n    : undefined;\n\n  return { imageCropCSS, imageObjectFitCSS, hasCoordsInMeta };\n}\n"],"names":["CROP_META_KEYS","hasValidCropMeta","meta","key","computeCropCSS","x","y","cropWidth","cropHeight","originalWidth","originalHeight","scale","DEFAULT_ATTACHMENT_IMAGE_DIMENSION","AttachmentCropCSS","useAttachmentImageStyles","imageObjectFit","hasCoordsInMeta"],"mappings":";AA8BA,MAAMA,IAAiB,CAAC,KAAK,KAAK,aAAa,cAAc,iBAAiB,gBAAgB;AAQ9F,SAASC,EAAiBC,GAAyE;AACjG,SAAOA,KAAQ,QAAQF,EAAe,MAAM,CAACG,MAAQD,EAAKC,CAAG,KAAK,IAAI;AACxE;AAQA,SAASC,EAAeF,GAAuD;AAC7E,QAAM,EAAE,GAAAG,GAAG,GAAAC,GAAG,WAAAC,GAAW,YAAAC,GAAY,eAAAC,GAAe,gBAAAC,MAAmBR,GACjES,IACJH,IAAaD,IACTK,IAAqCL,IACrCK,IAAqCJ;AAE3C,SAAO;AAAA,IACL,CAACK,EAAkB,GAAG,GAAG,IAAI,KAAK,MAAMP,IAAIK,CAAK,CAAC;AAAA,IAClD,CAACE,EAAkB,IAAI,GAAG,IAAI,KAAK,MAAMR,IAAIM,CAAK,CAAC;AAAA,IACnD,CAACE,EAAkB,KAAK,GAAG,GAAG,KAAK,MAAMJ,IAAgBE,CAAK,CAAC;AAAA,IAC/D,CAACE,EAAkB,MAAM,GAAG,GAAG,KAAK,MAAMH,IAAiBC,CAAK,CAAC;AAAA,EAAA;AAErE;AASO,SAASG,EACdZ,GACAa,GAC6B;AAC7B,QAAMC,IAAkBf,EAAiBC,CAAI;AAM7C,SAAO,EAAE,cALYc,IAAkBZ,EAAeF,CAAI,IAAI,QAKvC,mBAJGa,IACtB,EAAE,+CAA+CA,MACjD,QAEsC,iBAAAC,EAAA;AAC5C;"}

package/dist/components/UNSTABLE_Attachment/useAttachmentStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),u=require("../../hooks/useClassNamePrefix.cjs"),h=require("./useAttachmentImageStyles.cjs"),C=e=>{const t=u.useClassNamePrefix("Attachment"),a=`${t}--fluid`,n=`${t}__name`,c=`${t}__action`,m=`${t}__image`,o=`${t}__slot`,{imageCropCSS:l,imageObjectFitCSS:s,hasCoordsInMeta:i}=h.useAttachmentImageStyles(e?.meta,e?.imageObjectFit);return{classProps:{root:r(t,{[a]:e?.isFluid}),button:c,name:n,image:m,slot:o,...i&&{imageCropStyles:l},...s&&{attachmentStyles:s}}}};exports.useAttachmentStyleProps=C;
+//# sourceMappingURL=useAttachmentStyleProps.cjs.map

package/dist/components/UNSTABLE_Attachment/useAttachmentStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachmentStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Attachment/useAttachmentStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ObjectFit } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\nimport { type UnstableFileMetadata } from './types';\nimport {\n  type AttachmentImageCropCSS,\n  type AttachmentImageObjectFit,\n  useAttachmentImageStyles,\n} from './useAttachmentImageStyles';\n\nexport interface AttachmentStyleProps extends StyleProps {\n  imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];\n  isFluid?: boolean;\n  meta?: UnstableFileMetadata;\n}\n\nexport interface AttachmentStyle {\n  /** className props */\n  classProps: {\n    root: string;\n    button: string;\n    name: string;\n    image: string;\n    slot: string;\n    imageCropStyles?: AttachmentImageCropCSS;\n    attachmentStyles?: AttachmentImageObjectFit;\n  };\n}\n\nexport const useAttachmentStyleProps = (props?: AttachmentStyleProps): AttachmentStyle => {\n  const AttachmentClass = useClassNamePrefix('Attachment');\n  const AttachmentFluidClass = `${AttachmentClass}--fluid`;\n  const AttachmentNameClass = `${AttachmentClass}__name`;\n  const AttachmentButtonClass = `${AttachmentClass}__action`;\n  const AttachmentImageClass = `${AttachmentClass}__image`;\n  const AttachmentSlotClass = `${AttachmentClass}__slot`;\n\n  const { imageCropCSS, imageObjectFitCSS, hasCoordsInMeta } = useAttachmentImageStyles(\n    props?.meta,\n    props?.imageObjectFit,\n  );\n\n  return {\n    classProps: {\n      root: classNames(AttachmentClass, { [AttachmentFluidClass]: props?.isFluid }),\n      button: AttachmentButtonClass,\n      name: AttachmentNameClass,\n      image: AttachmentImageClass,\n      slot: AttachmentSlotClass,\n      ...(hasCoordsInMeta && { imageCropStyles: imageCropCSS }),\n      ...(imageObjectFitCSS && { attachmentStyles: imageObjectFitCSS }),\n    },\n  };\n};\n"],"names":["useAttachmentStyleProps","props","AttachmentClass","useClassNamePrefix","AttachmentFluidClass","AttachmentNameClass","AttachmentButtonClass","AttachmentImageClass","AttachmentSlotClass","imageCropCSS","imageObjectFitCSS","hasCoordsInMeta","useAttachmentImageStyles","classNames"],"mappings":"0MA8BaA,EAA2BC,GAAkD,CACxF,MAAMC,EAAkBC,EAAAA,mBAAmB,YAAY,EACjDC,EAAuB,GAAGF,CAAe,UACzCG,EAAsB,GAAGH,CAAe,SACxCI,EAAwB,GAAGJ,CAAe,WAC1CK,EAAuB,GAAGL,CAAe,UACzCM,EAAsB,GAAGN,CAAe,SAExC,CAAE,aAAAO,EAAc,kBAAAC,EAAmB,gBAAAC,CAAA,EAAoBC,EAAAA,yBAC3DX,GAAO,KACPA,GAAO,cAAA,EAGT,MAAO,CACL,WAAY,CACV,KAAMY,EAAWX,EAAiB,CAAE,CAACE,CAAoB,EAAGH,GAAO,QAAS,EAC5E,OAAQK,EACR,KAAMD,EACN,MAAOE,EACP,KAAMC,EACN,GAAIG,GAAmB,CAAE,gBAAiBF,CAAA,EAC1C,GAAIC,GAAqB,CAAE,iBAAkBA,CAAA,CAAkB,CACjE,CAEJ"}

package/dist/components/UNSTABLE_Attachment/useAttachmentStyleProps.d.ts

@@ -0,0 +1,21 @@
+import { ObjectFit } from '../../constants';
+import { StyleProps } from '../../types';
+import { UnstableFileMetadata } from './types';
+import { AttachmentImageCropCSS, AttachmentImageObjectFit } from './useAttachmentImageStyles';
+export interface AttachmentStyleProps extends StyleProps {
+    imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];
+    isFluid?: boolean;
+    meta?: UnstableFileMetadata;
+}
+export interface AttachmentStyle {
+    classProps: {
+        root: string;
+        button: string;
+        name: string;
+        image: string;
+        slot: string;
+        imageCropStyles?: AttachmentImageCropCSS;
+        attachmentStyles?: AttachmentImageObjectFit;
+    };
+}
+export declare const useAttachmentStyleProps: (props?: AttachmentStyleProps) => AttachmentStyle;