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

package/dist/components/Tooltip/useTooltipStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipStyleProps.js","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const rootDismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const rootHiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  const tooltipPopoverClassName = classNames(tooltipPopoverClass, {\n    [rootDismissibleClass]: isDismissible,\n    [rootHiddenClass]: isHiddenClass,\n  });\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: tooltipPopoverClassName,\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","rootDismissibleClass","rootHiddenClass","isHiddenClass","useMemo","tooltipPopoverClassName","classNames"],"mappings":";;;;AAYO,MAAMA,IAAuB,CAACC,MAAgC;AACnE,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,GAAGC,MAAkBH,GAC9CI,IAAeC,EAAmB,SAAS,GAC3CC,IAAsB,GAAGF,CAAY,WACrCG,IAAa,GAAGD,CAAmB,WACnCE,IAAmB,GAAGF,CAAmB,WACzCG,IAAuB,GAAGH,CAAmB,iBAC7CI,IAAkB,aAElBC,IAAgBC,EAAQ,MAAMV,MAAW,IAAO,CAACA,CAAM,CAAC,GAExDW,IAA0BC,EAAWR,GAAqB;AAAA,IAC9D,CAACG,CAAoB,GAAGR;AAAA,IACxB,CAACS,CAAe,GAAGC;AAAA,EAAA,CACpB;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,eAAeP;AAAA,MACf,kBAAkBS;AAAA,MAClB,gBAAgBN;AAAA,MAChB,sBAAsBC;AAAA,IAAA;AAAA,IAExB,OAAOL;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useTooltipStyleProps.js","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const dismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const hiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: classNames(tooltipPopoverClass, {\n        [dismissibleClass]: isDismissible,\n        [hiddenClass]: isHiddenClass,\n      }),\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","dismissibleClass","hiddenClass","isHiddenClass","useMemo","classNames"],"mappings":";;;;AAYO,MAAMA,IAAuB,CAACC,MAAgC;AACnE,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,GAAGC,MAAkBH,GAC9CI,IAAeC,EAAmB,SAAS,GAC3CC,IAAsB,GAAGF,CAAY,WACrCG,IAAa,GAAGD,CAAmB,WACnCE,IAAmB,GAAGF,CAAmB,WACzCG,IAAmB,GAAGH,CAAmB,iBACzCI,IAAc,aAEdC,IAAgBC,EAAQ,MAAMV,MAAW,IAAO,CAACA,CAAM,CAAC;AAE9D,SAAO;AAAA,IACL,YAAY;AAAA,MACV,eAAeE;AAAA,MACf,kBAAkBS,EAAWP,GAAqB;AAAA,QAChD,CAACG,CAAgB,GAAGR;AAAA,QACpB,CAACS,CAAW,GAAGC;AAAA,MAAA,CAChB;AAAA,MACD,gBAAgBJ;AAAA,MAChB,sBAAsBC;AAAA,IAAA;AAAA,IAExB,OAAOL;AAAA,EAAA;AAEX;"}

package/dist/components/Tooltip.d.ts

@@ -1,2 +1,2 @@
-export * from './Tooltip/index'
+export * from '../src/components/Tooltip/index'
 export {}

package/dist/components/Truncate/Truncate.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),S=require("../../hooks/styleProps.cjs"),f=require("../../types/truncate.cjs"),g=require("../../utils/mergeStyleProps.cjs"),q=require("./useTruncatedText.cjs"),v=require("./useTruncateStyleProps.cjs"),x={elementType:"span"},r=o=>{const n={...x,...o},{children:c,elementType:e="span",...u}=n,{classProps:l,props:p,styleProps:i,effectiveMode:t,effectiveLimit:a}=v.useTruncateStyleProps(u),y=q.useTruncatedText(c,t,t!==f.TruncateModes.LINES?a:void 0),{styleProps:s,props:P}=S.useStyleProps(p),d={style:{...s.style,...i}},T=g.mergeStyleProps(e,{classProps:l,styleProps:s,truncateStyleProps:d});return m.jsx(e,{...P,...T,children:y})};r.spiritComponent="Truncate";exports.default=r;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),f=require("../../hooks/styleProps.cjs"),q=require("../../types/truncate.cjs"),g=require("../../utils/mergeStyleProps.cjs"),v=require("./useTruncatedText.cjs"),x=require("./useTruncateStyleProps.cjs"),h={elementType:"span"},e=o=>{const n={...h,...o},{children:c,elementType:u,...p}=n,t=u,{classProps:l,props:i,styleProps:a,effectiveMode:s,effectiveLimit:y}=x.useTruncateStyleProps(p),P=v.useTruncatedText(c,s,s!==q.TruncateModes.LINES?y:void 0),{styleProps:r,props:d}=f.useStyleProps(i),T={style:{...r.style,...a}},m=g.mergeStyleProps(t,{classProps:l,styleProps:r,truncateStyleProps:T});return S.jsx(t,{...d,...m,children:P})};e.spiritComponent="Truncate";e.displayName="Truncate";exports.default=e;
 //# sourceMappingURL=Truncate.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Truncate.cjs","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType: ElementTag = 'span', ...restProps } = propsWithDefaults;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </ElementTag>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","ElementTag","restProps","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"sWASMA,EAAe,CACnB,YAAa,MACf,EAEMC,EAA4CC,GAA+C,CAC/F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAaC,EAAa,OAAQ,GAAGC,GAAcH,EAC/D,CACJ,WAAAI,EACA,MAAOC,EACP,WAAYC,EACZ,cAAAC,EACA,eAAAC,CAAA,EACEC,EAAAA,sBAAsBN,CAAS,EAC7BO,EAAgBC,EAAAA,iBACpBV,EACAM,EACAA,IAAkBK,EAAAA,cAAc,MAAQJ,EAAiB,MAAA,EAErD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcV,CAAa,EAC/DW,EAAqB,CACzB,MAAO,CACL,GAAGH,EAAW,MACd,GAAGP,CAAA,CACL,EAEIW,EAAmBC,EAAAA,gBAAgBhB,EAAY,CAAE,WAAAE,EAAA,WAAYS,EAAY,mBAAAG,EAAoB,EAEnG,aACGd,EAAA,CAAY,GAAGY,EAAa,GAAGG,EAC7B,SAAAP,EACH,CAEJ,EAEAZ,EAAS,gBAAkB"}
+{"version":3,"file":"Truncate.cjs","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </Component>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\nTruncate.displayName = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","elementType","restProps","Component","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"sWASMA,EAAe,CACnB,YAAa,MACf,EAEMC,EAA4CC,GAA+C,CAC/F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAAC,EAAa,GAAGC,GAAcH,EAC1CI,EAAYF,EACZ,CACJ,WAAAG,EACA,MAAOC,EACP,WAAYC,EACZ,cAAAC,EACA,eAAAC,CAAA,EACEC,EAAAA,sBAAsBP,CAAS,EAC7BQ,EAAgBC,EAAAA,iBACpBX,EACAO,EACAA,IAAkBK,EAAAA,cAAc,MAAQJ,EAAiB,MAAA,EAErD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcV,CAAa,EAC/DW,EAAqB,CACzB,MAAO,CACL,GAAGH,EAAW,MACd,GAAGP,CAAA,CACL,EAEIW,EAAmBC,EAAAA,gBAAgBf,EAAW,CAAE,WAAAC,EAAA,WAAYS,EAAY,mBAAAG,EAAoB,EAElG,aACGb,EAAA,CAAW,GAAGW,EAAa,GAAGG,EAC5B,SAAAP,EACH,CAEJ,EAEAb,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Truncate/Truncate.js

@@ -1,33 +1,34 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { useStyleProps as P } from "../../hooks/styleProps.js";
-import { TruncateModes as T } from "../../types/truncate.js";
-import { mergeStyleProps as S } from "../../utils/mergeStyleProps.js";
-import { useTruncatedText as h } from "./useTruncatedText.js";
-import { useTruncateStyleProps as x } from "./useTruncateStyleProps.js";
-const g = {
+import { jsx as T } from "react/jsx-runtime";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { TruncateModes as h } from "../../types/truncate.js";
+import { mergeStyleProps as x } from "../../utils/mergeStyleProps.js";
+import { useTruncatedText as v } from "./useTruncatedText.js";
+import { useTruncateStyleProps as g } from "./useTruncateStyleProps.js";
+const C = {
   elementType: "span"
-}, v = (o) => {
-  const s = { ...g, ...o }, { children: p, elementType: e = "span", ...n } = s, {
-    classProps: c,
-    props: i,
-    styleProps: l,
+}, r = (s) => {
+  const p = { ...C, ...s }, { children: n, elementType: c, ...i } = p, e = c, {
+    classProps: m,
+    props: l,
+    styleProps: u,
     effectiveMode: t,
-    effectiveLimit: m
-  } = x(n), u = h(
-    p,
+    effectiveLimit: a
+  } = g(i), f = v(
+    n,
     t,
-    t !== T.LINES ? m : void 0
-  ), { styleProps: r, props: a } = P(i), f = {
+    t !== h.LINES ? a : void 0
+  ), { styleProps: o, props: d } = S(l), y = {
     style: {
-      ...r.style,
-      ...l
+      ...o.style,
+      ...u
     }
-  }, d = S(e, { classProps: c, styleProps: r, truncateStyleProps: f });
-  return /* @__PURE__ */ y(e, { ...a, ...d, children: u });
+  }, P = x(e, { classProps: m, styleProps: o, truncateStyleProps: y });
+  return /* @__PURE__ */ T(e, { ...d, ...P, children: f });
 };
-v.spiritComponent = "Truncate";
+r.spiritComponent = "Truncate";
+r.displayName = "Truncate";
 export {
-  v as default
+  r as default
 };
 //# sourceMappingURL=Truncate.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType: ElementTag = 'span', ...restProps } = propsWithDefaults;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </ElementTag>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","ElementTag","restProps","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAW,CAAiCC,MAA+C;AAC/F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAaC,IAAa,QAAQ,GAAGC,MAAcH,GAC/D;AAAA,IACJ,YAAAI;AAAA,IACA,OAAOC;AAAA,IACP,YAAYC;AAAA,IACZ,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAsBN,CAAS,GAC7BO,IAAgBC;AAAA,IACpBV;AAAA,IACAM;AAAA,IACAA,MAAkBK,EAAc,QAAQJ,IAAiB;AAAA,EAAA,GAErD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcV,CAAa,GAC/DW,IAAqB;AAAA,IACzB,OAAO;AAAA,MACL,GAAGH,EAAW;AAAA,MACd,GAAGP;AAAA,IAAA;AAAA,EACL,GAEIW,IAAmBC,EAAgBhB,GAAY,EAAE,YAAAE,GAAY,YAAAS,GAAY,oBAAAG,GAAoB;AAEnG,2BACGd,GAAA,EAAY,GAAGY,GAAa,GAAGG,GAC7B,UAAAP,GACH;AAEJ;AAEAZ,EAAS,kBAAkB;"}
+{"version":3,"file":"Truncate.js","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </Component>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\nTruncate.displayName = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","elementType","restProps","Component","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAW,CAAiCC,MAA+C;AAC/F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAAC,GAAa,GAAGC,MAAcH,GAC1CI,IAAYF,GACZ;AAAA,IACJ,YAAAG;AAAA,IACA,OAAOC;AAAA,IACP,YAAYC;AAAA,IACZ,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAsBP,CAAS,GAC7BQ,IAAgBC;AAAA,IACpBX;AAAA,IACAO;AAAA,IACAA,MAAkBK,EAAc,QAAQJ,IAAiB;AAAA,EAAA,GAErD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcV,CAAa,GAC/DW,IAAqB;AAAA,IACzB,OAAO;AAAA,MACL,GAAGH,EAAW;AAAA,MACd,GAAGP;AAAA,IAAA;AAAA,EACL,GAEIW,IAAmBC,EAAgBf,GAAW,EAAE,YAAAC,GAAY,YAAAS,GAAY,oBAAAG,GAAoB;AAElG,2BACGb,GAAA,EAAW,GAAGW,GAAa,GAAGG,GAC5B,UAAAP,GACH;AAEJ;AAEAb,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Truncate/demo/TruncateDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),d=require("../../Select/Select.cjs"),r=require("../../Stack/Stack.cjs"),p=require("../../TextField/TextField.cjs"),b=require("../Truncate.cjs"),a=require("../../../types/truncate.cjs"),v=()=>{const[u,l]=s.useState(a.TruncateModes.LINES),[i,n]=s.useState(3),c="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.",o=[{value:a.TruncateModes.LINES,label:"Lines"},{value:a.TruncateModes.WORDS,label:"Words"},{value:a.TruncateModes.CHARACTERS,label:"Characters"}],m=()=>{switch(u){case a.TruncateModes.LINES:return"Number of lines";case a.TruncateModes.WORDS:return"Number of words";case a.TruncateModes.CHARACTERS:return"Number of characters";default:return"Limit"}};return t.jsxs(r.default,{hasSpacing:!0,children:[t.jsx("form",{children:t.jsxs(r.default,{elementType:"fieldset",hasSpacing:!0,UNSAFE_className:"border-0",children:[t.jsx(d.default,{value:u,onChange:e=>l(e.currentTarget.value),label:"Truncation mode",name:"modeType",id:"truncate-mode",children:o.map(e=>t.jsx("option",{value:e.value,children:e.label},e.value))}),t.jsx(p.default,{type:"number",min:"1",value:i,onChange:e=>n(Number(e.currentTarget.value)),label:m(),name:"limitNumber",id:"truncate-limit"})]})}),t.jsx(b.default,{limit:i,mode:u,children:c})]})};exports.default=v;
+//# sourceMappingURL=TruncateDefault.cjs.map

package/dist/components/Truncate/demo/TruncateDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateDefault.cjs","sources":["../../../../src/components/Truncate/demo/TruncateDefault.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Select, Stack, TextField } from '../..';\nimport { type TruncateMode, TruncateModes } from '../../../types';\nimport Truncate from '../Truncate';\n\nconst TruncateDefault = () => {\n  const [mode, setMode] = useState<TruncateMode>(TruncateModes.LINES);\n  const [limit, setLimit] = useState(3);\n\n  const sampleText =\n    'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.';\n\n  const modeOptions = [\n    { value: TruncateModes.LINES, label: 'Lines' },\n    { value: TruncateModes.WORDS, label: 'Words' },\n    { value: TruncateModes.CHARACTERS, label: 'Characters' },\n  ];\n\n  const getLimitLabel = () => {\n    switch (mode) {\n      case TruncateModes.LINES:\n        return 'Number of lines';\n      case TruncateModes.WORDS:\n        return 'Number of words';\n      case TruncateModes.CHARACTERS:\n        return 'Number of characters';\n      default:\n        return 'Limit';\n    }\n  };\n\n  return (\n    <Stack hasSpacing>\n      <form>\n        <Stack elementType=\"fieldset\" hasSpacing UNSAFE_className=\"border-0\">\n          <Select\n            value={mode}\n            onChange={(e) => setMode(e.currentTarget.value as TruncateMode)}\n            label=\"Truncation mode\"\n            name=\"modeType\"\n            id=\"truncate-mode\"\n          >\n            {modeOptions.map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </Select>\n          <TextField\n            type=\"number\"\n            min=\"1\"\n            value={limit}\n            onChange={(e) => setLimit(Number(e.currentTarget.value))}\n            label={getLimitLabel()}\n            name=\"limitNumber\"\n            id=\"truncate-limit\"\n          />\n        </Stack>\n      </form>\n      <Truncate limit={limit} mode={mode}>\n        {sampleText}\n      </Truncate>\n    </Stack>\n  );\n};\n\nexport default TruncateDefault;\n"],"names":["TruncateDefault","mode","setMode","useState","TruncateModes","limit","setLimit","sampleText","modeOptions","getLimitLabel","jsxs","Stack","jsx","Select","option","TextField","Truncate"],"mappings":"6VAKMA,EAAkB,IAAM,CAC5B,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAuBC,EAAAA,cAAc,KAAK,EAC5D,CAACC,EAAOC,CAAQ,EAAIH,EAAAA,SAAS,CAAC,EAE9BI,EACJ,+4BAEIC,EAAc,CAClB,CAAE,MAAOJ,EAAAA,cAAc,MAAO,MAAO,OAAA,EACrC,CAAE,MAAOA,EAAAA,cAAc,MAAO,MAAO,OAAA,EACrC,CAAE,MAAOA,EAAAA,cAAc,WAAY,MAAO,YAAA,CAAa,EAGnDK,EAAgB,IAAM,CAC1B,OAAQR,EAAA,CACN,KAAKG,EAAAA,cAAc,MACjB,MAAO,kBACT,KAAKA,EAAAA,cAAc,MACjB,MAAO,kBACT,KAAKA,EAAAA,cAAc,WACjB,MAAO,uBACT,QACE,MAAO,OAAA,CAEb,EAEA,OACEM,EAAAA,KAACC,EAAAA,QAAA,CAAM,WAAU,GACf,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,gBAACD,EAAAA,QAAA,CAAM,YAAY,WAAW,WAAU,GAAC,iBAAiB,WACxD,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOZ,EACP,SAAW,GAAMC,EAAQ,EAAE,cAAc,KAAqB,EAC9D,MAAM,kBACN,KAAK,WACL,GAAG,gBAEF,SAAAM,EAAY,IAAKM,GAChBF,EAAAA,IAAC,SAAA,CAA0B,MAAOE,EAAO,MACtC,SAAAA,EAAO,KAAA,EADGA,EAAO,KAEpB,CACD,CAAA,CAAA,EAEHF,EAAAA,IAACG,EAAAA,QAAA,CACC,KAAK,SACL,IAAI,IACJ,MAAOV,EACP,SAAW,GAAMC,EAAS,OAAO,EAAE,cAAc,KAAK,CAAC,EACvD,MAAOG,EAAA,EACP,KAAK,cACL,GAAG,gBAAA,CAAA,CACL,CAAA,CACF,CAAA,CACF,EACAG,EAAAA,IAACI,EAAAA,QAAA,CAAS,MAAAX,EAAc,KAAAJ,EACrB,SAAAM,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/components/Truncate/demo/TruncateDefault.js

@@ -0,0 +1,57 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as l } from "react";
+import p from "../../Select/Select.js";
+import s from "../../Stack/Stack.js";
+import b from "../../TextField/TextField.js";
+import v from "../Truncate.js";
+import { TruncateModes as a } from "../../../types/truncate.js";
+const q = () => {
+  const [i, n] = l(a.LINES), [u, m] = l(3), o = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.", c = [
+    { value: a.LINES, label: "Lines" },
+    { value: a.WORDS, label: "Words" },
+    { value: a.CHARACTERS, label: "Characters" }
+  ], d = () => {
+    switch (i) {
+      case a.LINES:
+        return "Number of lines";
+      case a.WORDS:
+        return "Number of words";
+      case a.CHARACTERS:
+        return "Number of characters";
+      default:
+        return "Limit";
+    }
+  };
+  return /* @__PURE__ */ r(s, { hasSpacing: !0, children: [
+    /* @__PURE__ */ t("form", { children: /* @__PURE__ */ r(s, { elementType: "fieldset", hasSpacing: !0, UNSAFE_className: "border-0", children: [
+      /* @__PURE__ */ t(
+        p,
+        {
+          value: i,
+          onChange: (e) => n(e.currentTarget.value),
+          label: "Truncation mode",
+          name: "modeType",
+          id: "truncate-mode",
+          children: c.map((e) => /* @__PURE__ */ t("option", { value: e.value, children: e.label }, e.value))
+        }
+      ),
+      /* @__PURE__ */ t(
+        b,
+        {
+          type: "number",
+          min: "1",
+          value: u,
+          onChange: (e) => m(Number(e.currentTarget.value)),
+          label: d(),
+          name: "limitNumber",
+          id: "truncate-limit"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t(v, { limit: u, mode: i, children: o })
+  ] });
+};
+export {
+  q as default
+};
+//# sourceMappingURL=TruncateDefault.js.map

package/dist/components/Truncate/demo/TruncateDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateDefault.js","sources":["../../../../src/components/Truncate/demo/TruncateDefault.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Select, Stack, TextField } from '../..';\nimport { type TruncateMode, TruncateModes } from '../../../types';\nimport Truncate from '../Truncate';\n\nconst TruncateDefault = () => {\n  const [mode, setMode] = useState<TruncateMode>(TruncateModes.LINES);\n  const [limit, setLimit] = useState(3);\n\n  const sampleText =\n    'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.';\n\n  const modeOptions = [\n    { value: TruncateModes.LINES, label: 'Lines' },\n    { value: TruncateModes.WORDS, label: 'Words' },\n    { value: TruncateModes.CHARACTERS, label: 'Characters' },\n  ];\n\n  const getLimitLabel = () => {\n    switch (mode) {\n      case TruncateModes.LINES:\n        return 'Number of lines';\n      case TruncateModes.WORDS:\n        return 'Number of words';\n      case TruncateModes.CHARACTERS:\n        return 'Number of characters';\n      default:\n        return 'Limit';\n    }\n  };\n\n  return (\n    <Stack hasSpacing>\n      <form>\n        <Stack elementType=\"fieldset\" hasSpacing UNSAFE_className=\"border-0\">\n          <Select\n            value={mode}\n            onChange={(e) => setMode(e.currentTarget.value as TruncateMode)}\n            label=\"Truncation mode\"\n            name=\"modeType\"\n            id=\"truncate-mode\"\n          >\n            {modeOptions.map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </Select>\n          <TextField\n            type=\"number\"\n            min=\"1\"\n            value={limit}\n            onChange={(e) => setLimit(Number(e.currentTarget.value))}\n            label={getLimitLabel()}\n            name=\"limitNumber\"\n            id=\"truncate-limit\"\n          />\n        </Stack>\n      </form>\n      <Truncate limit={limit} mode={mode}>\n        {sampleText}\n      </Truncate>\n    </Stack>\n  );\n};\n\nexport default TruncateDefault;\n"],"names":["TruncateDefault","mode","setMode","useState","TruncateModes","limit","setLimit","sampleText","modeOptions","getLimitLabel","jsxs","Stack","jsx","Select","option","TextField","Truncate"],"mappings":";;;;;;;AAKA,MAAMA,IAAkB,MAAM;AAC5B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuBC,EAAc,KAAK,GAC5D,CAACC,GAAOC,CAAQ,IAAIH,EAAS,CAAC,GAE9BI,IACJ,g5BAEIC,IAAc;AAAA,IAClB,EAAE,OAAOJ,EAAc,OAAO,OAAO,QAAA;AAAA,IACrC,EAAE,OAAOA,EAAc,OAAO,OAAO,QAAA;AAAA,IACrC,EAAE,OAAOA,EAAc,YAAY,OAAO,aAAA;AAAA,EAAa,GAGnDK,IAAgB,MAAM;AAC1B,YAAQR,GAAA;AAAA,MACN,KAAKG,EAAc;AACjB,eAAO;AAAA,MACT,KAAKA,EAAc;AACjB,eAAO;AAAA,MACT,KAAKA,EAAc;AACjB,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACE,gBAAAM,EAACC,GAAA,EAAM,YAAU,IACf,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EACC,4BAACD,GAAA,EAAM,aAAY,YAAW,YAAU,IAAC,kBAAiB,YACxD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOZ;AAAA,UACP,UAAU,CAAC,MAAMC,EAAQ,EAAE,cAAc,KAAqB;AAAA,UAC9D,OAAM;AAAA,UACN,MAAK;AAAA,UACL,IAAG;AAAA,UAEF,UAAAM,EAAY,IAAI,CAACM,MAChB,gBAAAF,EAAC,UAAA,EAA0B,OAAOE,EAAO,OACtC,UAAAA,EAAO,MAAA,GADGA,EAAO,KAEpB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,OAAOV;AAAA,UACP,UAAU,CAAC,MAAMC,EAAS,OAAO,EAAE,cAAc,KAAK,CAAC;AAAA,UACvD,OAAOG,EAAA;AAAA,UACP,MAAK;AAAA,UACL,IAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAG,EAACI,GAAA,EAAS,OAAAX,GAAc,MAAAJ,GACrB,UAAAM,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Truncate/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@alma-oss/spirit-icons/icons"),r=require("react"),c=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../context/IconsContext.cjs"),i=require("./TruncateDefault.cjs"),n=()=>e.jsx(r.StrictMode,{children:e.jsx(s.IconsProvider,{value:t,children:e.jsx(c.default,{title:"Basic Usage",stackAlignment:"stretch",children:e.jsx(i.default,{})})})});exports.Preview=n;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Truncate/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Truncate/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TruncateDefault from './TruncateDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Basic Usage\" stackAlignment=\"stretch\">\n        <TruncateDefault />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","IconsProvider","icons","DocsSection","TruncateDefault"],"mappings":"sUASaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAD,MAACE,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAAH,EAAAA,IAACI,UAAA,CAAY,MAAM,cAAc,eAAe,UAC9C,eAACC,UAAA,CAAA,CAAgB,CAAA,CACnB,EACF,CAAA,CACF"}

package/dist/components/Truncate/demo/preview.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import t from "@alma-oss/spirit-icons/icons";
+import { StrictMode as o } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as i } from "../../../context/IconsContext.js";
+import c from "./TruncateDefault.js";
+const a = () => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(i, { value: t, children: /* @__PURE__ */ r(e, { title: "Basic Usage", stackAlignment: "stretch", children: /* @__PURE__ */ r(c, {}) }) }) });
+export {
+  a as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Truncate/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Truncate/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TruncateDefault from './TruncateDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Basic Usage\" stackAlignment=\"stretch\">\n        <TruncateDefault />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","IconsProvider","icons","DocsSection","TruncateDefault"],"mappings":";;;;;;;AASO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAH,EAACI,GAAA,EAAY,OAAM,eAAc,gBAAe,WAC9C,4BAACC,GAAA,CAAA,CAAgB,EAAA,CACnB,GACF,EAAA,CACF;"}

package/dist/components/Truncate/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Truncate/preview/index.cjs.map

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

package/dist/components/Truncate/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Truncate/preview/index.js.map

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

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

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Truncate/preview/index'
+export default _default
+export {}

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

@@ -1 +1 @@
-{"version":3,"file":"useTruncateStyleProps.cjs","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":"4KAgBaA,EAAgDC,GAAqD,CAChH,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAOC,EAAAA,cAAc,MAAO,GAAGC,GAAcJ,EAGtDK,EADoBC,EAAAA,mBAAmBJ,IAASC,EAAAA,cAAc,MAAQ,0BAA4B,EAAE,EAGpGI,EAAuC,CAAA,EAE7C,OAAIL,IAASC,EAAAA,cAAc,OAASF,IAAU,SAC5CM,EAAc,uBAAuB,EAAIN,GAGpC,CACL,WAAAI,EACA,MAAOD,EACP,WAAYG,EACZ,cAAeL,EACf,eAAgBD,CAAA,CAEpB"}
+{"version":3,"file":"useTruncateStyleProps.cjs","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { TruncateModes, type TruncateProps } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport const useTruncateStyleProps = (props: TruncateProps) => {\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":"4KAQaA,EAAyBC,GAAyB,CAC7D,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAOC,EAAAA,cAAc,MAAO,GAAGC,GAAcJ,EAGtDK,EADoBC,EAAAA,mBAAmBJ,IAASC,EAAAA,cAAc,MAAQ,0BAA4B,EAAE,EAGpGI,EAAuC,CAAA,EAE7C,OAAIL,IAASC,EAAAA,cAAc,OAASF,IAAU,SAC5CM,EAAc,uBAAuB,EAAIN,GAGpC,CACL,WAAAI,EACA,MAAOD,EACP,WAAYG,EACZ,cAAeL,EACf,eAAgBD,CAAA,CAEpB"}

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

@@ -1 +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;"}
+{"version":3,"file":"useTruncateStyleProps.js","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { TruncateModes, type TruncateProps } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport const useTruncateStyleProps = (props: TruncateProps) => {\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":";;AAQO,MAAMA,IAAwB,CAACC,MAAyB;AAC7D,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.d.ts

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

package/dist/components/UNSTABLE_File/UNSTABLE_File.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"),L=require("classnames"),R=require("../../hooks/styleProps.cjs"),V=require("../../hooks/useClassNamePrefix.cjs"),D=require("../../hooks/useI18n.cjs"),T=require("../ControlButton/ControlButton.cjs"),O=require("../Field/ValidationText.cjs"),z=require("../Field/useValidationTextRole.cjs"),M=require("../Flex/Flex.cjs"),o=require("../Icon/Icon.cjs"),j=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./constants.cjs"),w=require("./useFileStyleProps.cjs"),k={elementType:"li",iconName:f.DEFAULT_FILE_ICON_NAME},r=v=>{const S={...k,...v},{t:c}=D.useI18n(),{editText:P,elementType:_,hasValidationIcon:q,helperText:d,iconName:y,id:i,isDisabled:t,label:C,onDismiss:u,onChange:m,previewSlot:F,removeText:A,validationState:n,validationText:x,...E}=S,b=P??c("attachment.edit"),I=A??c("attachment.remove"),{classProps:s}=w.useFileStyleProps({isDisabled:t,validationState:n}),{styleProps:p,props:g}=R.useStyleProps(E),B=z.useValidationTextRole({validationState:n,validationText:x}),N={size:"large",isSymmetrical:!0,isDisabled:t},h={UNSAFE_className:"color-scheme-on-disabled"},l=m?e.jsxs(T.default,{...N,onClick:m,...t&&h,children:[e.jsx(j.default,{children:b}),e.jsx(o.default,{name:f.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME,boxSize:16,"aria-hidden":"true"})]}):null,a=u?e.jsxs(T.default,{...N,onClick:u,...t&&h,children:[e.jsx(j.default,{children:I}),e.jsx(o.default,{name:"close",boxSize:16,"aria-hidden":"true"})]}):null,U=_;return e.jsxs(U,{...g,...p,...i!=null&&i!==""?{id:i}:{},className:L(s.root,p.className),children:[F??e.jsx("div",{className:s.preview,children:e.jsx(o.default,{name:y,boxSize:20,"aria-hidden":"true"})}),e.jsx("div",{className:s.content,children:e.jsxs("div",{className:s.text,children:[e.jsx("span",{className:s.name,children:e.jsx("span",{className:V.useClassNamePrefix("text-truncate"),children:C})}),d&&e.jsx("div",{className:s.helperText,children:d}),n&&e.jsx(O.default,{UNSAFE_className:s.validationText,elementType:"div",...q&&{hasValidationStateIcon:n},role:B,validationText:x})]})}),l&&a?e.jsxs(M.default,{alignmentX:{mobile:"stretch",tablet:"left"},alignmentY:"stretch",spacingX:"space-500",children:[l,a]}):e.jsxs(e.Fragment,{children:[l,a]})]})};r.spiritComponent="UNSTABLE_File";r.displayName="UNSTABLE_File";exports.default=r;
+//# sourceMappingURL=UNSTABLE_File.cjs.map

package/dist/components/UNSTABLE_File/UNSTABLE_File.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_File.cjs","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_File.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { ControlButton } from '../ControlButton';\nimport { ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME, DEFAULT_FILE_ICON_NAME } from './constants';\nimport { type SpiritUnstableFileProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_FILE_ICON_NAME,\n};\n\nconst UNSTABLE_File = <E extends ElementType = 'li'>(props: SpiritUnstableFileProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    hasValidationIcon,\n    helperText,\n    iconName,\n    id,\n    isDisabled,\n    label,\n    onDismiss,\n    onChange,\n    previewSlot,\n    removeText,\n    validationState,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useFileStyleProps({ isDisabled, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const fileRowControlButtonProps = {\n    size: 'large' as const,\n    isSymmetrical: true as const,\n    isDisabled,\n  };\n\n  const disabledClassNameProp = { UNSAFE_className: 'color-scheme-on-disabled' };\n\n  const editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedEditText}</VisuallyHidden>\n      <Icon name={DEFAULT_FILE_ACTION_BUTTON_ICON_NAME} boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const dismissActionButton = onDismiss ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onDismiss} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedRemoveText}</VisuallyHidden>\n      <Icon name=\"close\" boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component\n      {...transferProps}\n      {...styleProps}\n      {...(id != null && id !== '' ? { id } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {previewSlot ?? (\n        <div className={classProps.preview}>\n          <Icon name={iconName} boxSize={20} aria-hidden=\"true\" />\n        </div>\n      )}\n      <div className={classProps.content}>\n        <div className={classProps.text}>\n          <span className={classProps.name}>\n            <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n          </span>\n          {helperText && <div className={classProps.helperText}>{helperText}</div>}\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              role={validationTextRole}\n              validationText={validationText}\n            />\n          )}\n        </div>\n      </div>\n      {editActionButton && dismissActionButton ? (\n        <Flex alignmentX={{ mobile: 'stretch', tablet: 'left' }} alignmentY=\"stretch\" spacingX=\"space-500\">\n          {editActionButton}\n          {dismissActionButton}\n        </Flex>\n      ) : (\n        <>\n          {editActionButton}\n          {dismissActionButton}\n        </>\n      )}\n    </Component>\n  );\n};\n\nUNSTABLE_File.spiritComponent = 'UNSTABLE_File';\nUNSTABLE_File.displayName = 'UNSTABLE_File';\n\nexport default UNSTABLE_File;\n"],"names":["defaultProps","DEFAULT_FILE_ICON_NAME","UNSTABLE_File","props","propsWithDefaults","t","useI18n","editText","elementType","hasValidationIcon","helperText","iconName","id","isDisabled","label","onDismiss","onChange","previewSlot","removeText","validationState","validationText","restProps","resolvedEditText","resolvedRemoveText","classProps","useFileStyleProps","styleProps","transferProps","useStyleProps","validationTextRole","useValidationTextRole","fileRowControlButtonProps","disabledClassNameProp","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","Component","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"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"}

package/dist/components/UNSTABLE_File/UNSTABLE_File.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as o, jsx as e, Fragment as D } from "react/jsx-runtime";
+import V from "classnames";
+import { useStyleProps as z } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as O } from "../../hooks/useClassNamePrefix.js";
+import { useI18n as R } from "../../hooks/useI18n.js";
+import x from "../ControlButton/ControlButton.js";
+import w from "../Field/ValidationText.js";
+import { useValidationTextRole as j } from "../Field/useValidationTextRole.js";
+import k from "../Flex/Flex.js";
+import r from "../Icon/Icon.js";
+import f from "../VisuallyHidden/VisuallyHidden.js";
+import { DEFAULT_FILE_ICON_NAME as M, DEFAULT_FILE_ACTION_BUTTON_ICON_NAME as X } from "./constants.js";
+import { useFileStyleProps as H } from "./useFileStyleProps.js";
+const W = {
+  elementType: "li",
+  iconName: M
+}, v = (S) => {
+  const C = { ...W, ...S }, { t: m } = R(), {
+    editText: _,
+    elementType: A,
+    hasValidationIcon: E,
+    helperText: c,
+    iconName: F,
+    id: n,
+    isDisabled: i,
+    label: P,
+    onDismiss: d,
+    onChange: p,
+    previewSlot: b,
+    removeText: y,
+    validationState: s,
+    validationText: h,
+    ...I
+  } = C, B = _ ?? m("attachment.edit"), U = y ?? m("attachment.remove"), { classProps: t } = H({ isDisabled: i, validationState: s }), { styleProps: N, props: L } = z(I), g = j({
+    validationState: s,
+    validationText: h
+  }), u = {
+    size: "large",
+    isSymmetrical: !0,
+    isDisabled: i
+  }, T = { UNSAFE_className: "color-scheme-on-disabled" }, a = p ? /* @__PURE__ */ o(x, { ...u, onClick: p, ...i && T, children: [
+    /* @__PURE__ */ e(f, { children: B }),
+    /* @__PURE__ */ e(r, { name: X, boxSize: 16, "aria-hidden": "true" })
+  ] }) : null, l = d ? /* @__PURE__ */ o(x, { ...u, onClick: d, ...i && T, children: [
+    /* @__PURE__ */ e(f, { children: U }),
+    /* @__PURE__ */ e(r, { name: "close", boxSize: 16, "aria-hidden": "true" })
+  ] }) : null;
+  return /* @__PURE__ */ o(
+    A,
+    {
+      ...L,
+      ...N,
+      ...n != null && n !== "" ? { id: n } : {},
+      className: V(t.root, N.className),
+      children: [
+        b ?? /* @__PURE__ */ e("div", { className: t.preview, children: /* @__PURE__ */ e(r, { name: F, boxSize: 20, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ e("div", { className: t.content, children: /* @__PURE__ */ o("div", { className: t.text, children: [
+          /* @__PURE__ */ e("span", { className: t.name, children: /* @__PURE__ */ e("span", { className: O("text-truncate"), children: P }) }),
+          c && /* @__PURE__ */ e("div", { className: t.helperText, children: c }),
+          s && /* @__PURE__ */ e(
+            w,
+            {
+              UNSAFE_className: t.validationText,
+              elementType: "div",
+              ...E && { hasValidationStateIcon: s },
+              role: g,
+              validationText: h
+            }
+          )
+        ] }) }),
+        a && l ? /* @__PURE__ */ o(k, { alignmentX: { mobile: "stretch", tablet: "left" }, alignmentY: "stretch", spacingX: "space-500", children: [
+          a,
+          l
+        ] }) : /* @__PURE__ */ o(D, { children: [
+          a,
+          l
+        ] })
+      ]
+    }
+  );
+};
+v.spiritComponent = "UNSTABLE_File";
+v.displayName = "UNSTABLE_File";
+export {
+  v as default
+};
+//# sourceMappingURL=UNSTABLE_File.js.map

package/dist/components/UNSTABLE_File/UNSTABLE_File.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_File.js","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_File.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { ControlButton } from '../ControlButton';\nimport { ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME, DEFAULT_FILE_ICON_NAME } from './constants';\nimport { type SpiritUnstableFileProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_FILE_ICON_NAME,\n};\n\nconst UNSTABLE_File = <E extends ElementType = 'li'>(props: SpiritUnstableFileProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    hasValidationIcon,\n    helperText,\n    iconName,\n    id,\n    isDisabled,\n    label,\n    onDismiss,\n    onChange,\n    previewSlot,\n    removeText,\n    validationState,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useFileStyleProps({ isDisabled, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const fileRowControlButtonProps = {\n    size: 'large' as const,\n    isSymmetrical: true as const,\n    isDisabled,\n  };\n\n  const disabledClassNameProp = { UNSAFE_className: 'color-scheme-on-disabled' };\n\n  const editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedEditText}</VisuallyHidden>\n      <Icon name={DEFAULT_FILE_ACTION_BUTTON_ICON_NAME} boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const dismissActionButton = onDismiss ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onDismiss} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedRemoveText}</VisuallyHidden>\n      <Icon name=\"close\" boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component\n      {...transferProps}\n      {...styleProps}\n      {...(id != null && id !== '' ? { id } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {previewSlot ?? (\n        <div className={classProps.preview}>\n          <Icon name={iconName} boxSize={20} aria-hidden=\"true\" />\n        </div>\n      )}\n      <div className={classProps.content}>\n        <div className={classProps.text}>\n          <span className={classProps.name}>\n            <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n          </span>\n          {helperText && <div className={classProps.helperText}>{helperText}</div>}\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              role={validationTextRole}\n              validationText={validationText}\n            />\n          )}\n        </div>\n      </div>\n      {editActionButton && dismissActionButton ? (\n        <Flex alignmentX={{ mobile: 'stretch', tablet: 'left' }} alignmentY=\"stretch\" spacingX=\"space-500\">\n          {editActionButton}\n          {dismissActionButton}\n        </Flex>\n      ) : (\n        <>\n          {editActionButton}\n          {dismissActionButton}\n        </>\n      )}\n    </Component>\n  );\n};\n\nUNSTABLE_File.spiritComponent = 'UNSTABLE_File';\nUNSTABLE_File.displayName = 'UNSTABLE_File';\n\nexport default UNSTABLE_File;\n"],"names":["defaultProps","DEFAULT_FILE_ICON_NAME","UNSTABLE_File","props","propsWithDefaults","t","useI18n","editText","elementType","hasValidationIcon","helperText","iconName","id","isDisabled","label","onDismiss","onChange","previewSlot","removeText","validationState","validationText","restProps","resolvedEditText","resolvedRemoveText","classProps","useFileStyleProps","styleProps","transferProps","useStyleProps","validationTextRole","useValidationTextRole","fileRowControlButtonProps","disabledClassNameProp","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"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"}

package/dist/components/UNSTABLE_File/UNSTABLE_FileImagePreview.cjs

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

package/dist/components/UNSTABLE_File/UNSTABLE_FileImagePreview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_FileImagePreview.cjs","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_FileImagePreview.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ObjectFit } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { DEFAULT_FILE_IMAGE_DIMENSION } from './constants';\nimport { type SpiritUnstableFileImagePreviewProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps: Partial<SpiritUnstableFileImagePreviewProps> = {\n  meta: undefined,\n  imageObjectFit: ObjectFit.COVER,\n};\n\nconst UNSTABLE_FileImagePreview = (props: SpiritUnstableFileImagePreviewProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { label, imagePreview, meta, imageObjectFit, ...restProps } = propsWithDefaults;\n  const { classProps } = useFileStyleProps({ meta, imageObjectFit });\n  const imageCropStyles = classProps.imageCropStyles ?? {};\n  const imageObjectFitStyles = classProps.imageObjectFitStyles ?? {};\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <span {...transferProps} {...styleProps} className={classNames(classProps.preview, styleProps.className)}>\n      <img\n        src={imagePreview}\n        width={DEFAULT_FILE_IMAGE_DIMENSION}\n        height={DEFAULT_FILE_IMAGE_DIMENSION}\n        alt={label}\n        style={{ ...imageCropStyles, ...imageObjectFitStyles }}\n      />\n    </span>\n  );\n};\n\nUNSTABLE_FileImagePreview.spiritComponent = 'UNSTABLE_FileImagePreview';\nUNSTABLE_FileImagePreview.displayName = 'UNSTABLE_FileImagePreview';\n\nexport default UNSTABLE_FileImagePreview;\n"],"names":["defaultProps","ObjectFit","UNSTABLE_FileImagePreview","props","propsWithDefaults","label","imagePreview","meta","imageObjectFit","restProps","classProps","useFileStyleProps","imageCropStyles","imageObjectFitStyles","styleProps","transferProps","useStyleProps","jsx","classNames","DEFAULT_FILE_IMAGE_DIMENSION"],"mappings":"uUAUMA,EAA6D,CACjE,KAAM,OACN,eAAgBC,EAAAA,UAAU,KAC5B,EAEMC,EAA6BC,GAA+C,CAChF,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,kBAAkB,CAAE,KAAAJ,EAAM,eAAAC,EAAgB,EAC3DI,EAAkBF,EAAW,iBAAmB,CAAA,EAChDG,EAAuBH,EAAW,sBAAwB,CAAA,EAC1D,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcP,CAAS,EAEpE,OACEQ,EAAAA,IAAC,OAAA,CAAM,GAAGF,EAAgB,GAAGD,EAAY,UAAWI,EAAWR,EAAW,QAASI,EAAW,SAAS,EACrG,SAAAG,EAAAA,IAAC,MAAA,CACC,IAAKX,EACL,MAAOa,EAAAA,6BACP,OAAQA,EAAAA,6BACR,IAAKd,EACL,MAAO,CAAE,GAAGO,EAAiB,GAAGC,CAAA,CAAqB,CAAA,EAEzD,CAEJ,EAEAX,EAA0B,gBAAkB,4BAC5CA,EAA0B,YAAc"}

package/dist/components/UNSTABLE_File/UNSTABLE_FileImagePreview.js

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

package/dist/components/UNSTABLE_File/UNSTABLE_FileImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_FileImagePreview.js","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_FileImagePreview.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ObjectFit } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { DEFAULT_FILE_IMAGE_DIMENSION } from './constants';\nimport { type SpiritUnstableFileImagePreviewProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps: Partial<SpiritUnstableFileImagePreviewProps> = {\n  meta: undefined,\n  imageObjectFit: ObjectFit.COVER,\n};\n\nconst UNSTABLE_FileImagePreview = (props: SpiritUnstableFileImagePreviewProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { label, imagePreview, meta, imageObjectFit, ...restProps } = propsWithDefaults;\n  const { classProps } = useFileStyleProps({ meta, imageObjectFit });\n  const imageCropStyles = classProps.imageCropStyles ?? {};\n  const imageObjectFitStyles = classProps.imageObjectFitStyles ?? {};\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <span {...transferProps} {...styleProps} className={classNames(classProps.preview, styleProps.className)}>\n      <img\n        src={imagePreview}\n        width={DEFAULT_FILE_IMAGE_DIMENSION}\n        height={DEFAULT_FILE_IMAGE_DIMENSION}\n        alt={label}\n        style={{ ...imageCropStyles, ...imageObjectFitStyles }}\n      />\n    </span>\n  );\n};\n\nUNSTABLE_FileImagePreview.spiritComponent = 'UNSTABLE_FileImagePreview';\nUNSTABLE_FileImagePreview.displayName = 'UNSTABLE_FileImagePreview';\n\nexport default UNSTABLE_FileImagePreview;\n"],"names":["defaultProps","ObjectFit","UNSTABLE_FileImagePreview","props","propsWithDefaults","label","imagePreview","meta","imageObjectFit","restProps","classProps","useFileStyleProps","imageCropStyles","imageObjectFitStyles","styleProps","transferProps","useStyleProps","jsx","classNames","DEFAULT_FILE_IMAGE_DIMENSION"],"mappings":";;;;;;;AAUA,MAAMA,IAA6D;AAAA,EACjE,MAAM;AAAA,EACN,gBAAgBC,EAAU;AAC5B,GAEMC,IAA4B,CAACC,MAA+C;AAChF,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,OAAAE,GAAO,cAAAC,GAAc,MAAAC,GAAM,gBAAAC,GAAgB,GAAGC,MAAcL,GAC9D,EAAE,YAAAM,EAAA,IAAeC,EAAkB,EAAE,MAAAJ,GAAM,gBAAAC,GAAgB,GAC3DI,IAAkBF,EAAW,mBAAmB,CAAA,GAChDG,IAAuBH,EAAW,wBAAwB,CAAA,GAC1D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAcP,CAAS;AAEpE,SACE,gBAAAQ,EAAC,QAAA,EAAM,GAAGF,GAAgB,GAAGD,GAAY,WAAWI,EAAWR,EAAW,SAASI,EAAW,SAAS,GACrG,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,IAAqB;AAAA,EAAA,GAEzD;AAEJ;AAEAX,EAA0B,kBAAkB;AAC5CA,EAA0B,cAAc;"}

package/dist/components/UNSTABLE_File/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=48,e="file",E="edit",I={TOP:"--spirit-file-image-top",LEFT:"--spirit-file-image-left",WIDTH:"--spirit-file-image-width",HEIGHT:"--spirit-file-image-height"};exports.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME=E;exports.DEFAULT_FILE_ICON_NAME=e;exports.DEFAULT_FILE_IMAGE_DIMENSION=i;exports.FileImageCropCSS=I;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/UNSTABLE_File/constants.ts"],"sourcesContent":["export const DEFAULT_FILE_IMAGE_DIMENSION = 48;\n\nexport const DEFAULT_FILE_ICON_NAME = 'file';\n\nexport const DEFAULT_FILE_ACTION_BUTTON_ICON_NAME = 'edit';\n\nexport const FileImageCropCSS = {\n  TOP: '--spirit-file-image-top',\n  LEFT: '--spirit-file-image-left',\n  WIDTH: '--spirit-file-image-width',\n  HEIGHT: '--spirit-file-image-height',\n} as const;\n"],"names":["DEFAULT_FILE_IMAGE_DIMENSION","DEFAULT_FILE_ICON_NAME","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","FileImageCropCSS"],"mappings":"gFAAO,MAAMA,EAA+B,GAE/BC,EAAyB,OAEzBC,EAAuC,OAEvCC,EAAmB,CAC9B,IAAK,0BACL,KAAM,2BACN,MAAO,4BACP,OAAQ,4BACV"}

package/dist/components/UNSTABLE_File/constants.js

@@ -0,0 +1,13 @@
+const i = 48, e = "file", t = "edit", E = {
+  TOP: "--spirit-file-image-top",
+  LEFT: "--spirit-file-image-left",
+  WIDTH: "--spirit-file-image-width",
+  HEIGHT: "--spirit-file-image-height"
+};
+export {
+  t as DEFAULT_FILE_ACTION_BUTTON_ICON_NAME,
+  e as DEFAULT_FILE_ICON_NAME,
+  i as DEFAULT_FILE_IMAGE_DIMENSION,
+  E as FileImageCropCSS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/UNSTABLE_File/constants.ts"],"sourcesContent":["export const DEFAULT_FILE_IMAGE_DIMENSION = 48;\n\nexport const DEFAULT_FILE_ICON_NAME = 'file';\n\nexport const DEFAULT_FILE_ACTION_BUTTON_ICON_NAME = 'edit';\n\nexport const FileImageCropCSS = {\n  TOP: '--spirit-file-image-top',\n  LEFT: '--spirit-file-image-left',\n  WIDTH: '--spirit-file-image-width',\n  HEIGHT: '--spirit-file-image-height',\n} as const;\n"],"names":["DEFAULT_FILE_IMAGE_DIMENSION","DEFAULT_FILE_ICON_NAME","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","FileImageCropCSS"],"mappings":"AAAO,MAAMA,IAA+B,IAE/BC,IAAyB,QAEzBC,IAAuC,QAEvCC,IAAmB;AAAA,EAC9B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;"}

package/dist/components/UNSTABLE_File/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./UNSTABLE_File.cjs"),I=require("./UNSTABLE_FileImagePreview.cjs"),e=require("./constants.cjs"),E=require("./useFileImageStyles.cjs"),F=require("./useFileStyleProps.cjs");exports.UNSTABLE_File=_.default;exports.UNSTABLE_FileImagePreview=I.default;exports.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME=e.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME;exports.DEFAULT_FILE_ICON_NAME=e.DEFAULT_FILE_ICON_NAME;exports.DEFAULT_FILE_IMAGE_DIMENSION=e.DEFAULT_FILE_IMAGE_DIMENSION;exports.FileImageCropCSS=e.FileImageCropCSS;exports.useFileImageStyles=E.useFileImageStyles;exports.useFileStyleProps=F.useFileStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/UNSTABLE_File/index.js

@@ -0,0 +1,16 @@
+import { default as _ } from "./UNSTABLE_File.js";
+import { default as E } from "./UNSTABLE_FileImagePreview.js";
+import { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME as t, DEFAULT_FILE_ICON_NAME as F, DEFAULT_FILE_IMAGE_DIMENSION as N, FileImageCropCSS as l } from "./constants.js";
+import { useFileImageStyles as m } from "./useFileImageStyles.js";
+import { useFileStyleProps as L } from "./useFileStyleProps.js";
+export {
+  t as DEFAULT_FILE_ACTION_BUTTON_ICON_NAME,
+  F as DEFAULT_FILE_ICON_NAME,
+  N as DEFAULT_FILE_IMAGE_DIMENSION,
+  l as FileImageCropCSS,
+  _ as UNSTABLE_File,
+  E as UNSTABLE_FileImagePreview,
+  m as useFileImageStyles,
+  L as useFileStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/UNSTABLE_File/useFileImageStyles.cjs

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

package/dist/components/UNSTABLE_File/useFileImageStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileImageStyles.cjs","sources":["../../../src/components/UNSTABLE_File/useFileImageStyles.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { DEFAULT_FILE_IMAGE_DIMENSION, FileImageCropCSS } from './constants';\nimport { type UnstableFileItemMetadata } from './types';\n\n// Crop math mirrors `useFileUploaderStyleProps` in FileUploader; preview size uses\n// `DEFAULT_FILE_IMAGE_DIMENSION` (UNSTABLE preview slot) instead of `IMAGE_DIMENSION` (54px attachment).\n\nexport type FileImageCropStyles = {\n  [FileImageCropCSS.TOP]?: string;\n  [FileImageCropCSS.LEFT]?: string;\n  [FileImageCropCSS.WIDTH]?: string;\n  [FileImageCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\nexport type FileImageObjectFitStyles = {\n  '--spirit-file-image-object-fit': string;\n};\n\ntype FileImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nconst CROP_META_KEYS = ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'] as const;\n\nconst hasValidCropMeta = (meta: UnstableFileItemMetadata | undefined): meta is FileImageCropMeta =>\n  meta != null && CROP_META_KEYS.every((key) => meta[key] != null);\n\nconst computeCropCSS = (meta: FileImageCropMeta): FileImageCropStyles => {\n  const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta;\n  const previewHeight = DEFAULT_FILE_IMAGE_DIMENSION;\n  let scale: number;\n  if (cropHeight > cropWidth) {\n    // scale for portrait images\n    scale = previewHeight / cropWidth;\n  } else {\n    // scale for landscape images\n    scale = previewHeight / cropHeight;\n  }\n\n  const cropX = Math.round(x * scale);\n  const cropY = Math.round(y * scale);\n  const imageWidth = Math.round(originalWidth * scale);\n  const imageHeight = Math.round(originalHeight * scale);\n\n  return {\n    [FileImageCropCSS.TOP]: `-${cropY}px`,\n    [FileImageCropCSS.LEFT]: `-${cropX}px`,\n    [FileImageCropCSS.WIDTH]: `${imageWidth}px`,\n    [FileImageCropCSS.HEIGHT]: `${imageHeight}px`,\n  };\n};\n\nexport function useFileImageStyles(meta?: UnstableFileItemMetadata, imageObjectFit?: string) {\n  const hasCoordsInMeta = hasValidCropMeta(meta);\n  const imageCropStyles = hasCoordsInMeta ? computeCropCSS(meta) : undefined;\n  const imageObjectFitStyles = imageObjectFit ? { '--spirit-file-image-object-fit': imageObjectFit } : undefined;\n\n  return { hasCoordsInMeta, imageCropStyles, imageObjectFitStyles };\n}\n"],"names":["CROP_META_KEYS","hasValidCropMeta","meta","key","computeCropCSS","x","y","cropWidth","cropHeight","originalWidth","originalHeight","previewHeight","DEFAULT_FILE_IMAGE_DIMENSION","scale","cropX","cropY","imageWidth","imageHeight","FileImageCropCSS","useFileImageStyles","imageObjectFit","hasCoordsInMeta","imageCropStyles"],"mappings":"mHA2BMA,EAAiB,CAAC,IAAK,IAAK,YAAa,aAAc,gBAAiB,gBAAgB,EAExFC,EAAoBC,GACxBA,GAAQ,MAAQF,EAAe,MAAOG,GAAQD,EAAKC,CAAG,GAAK,IAAI,EAE3DC,EAAkBF,GAAiD,CACvE,KAAM,CAAE,EAAAG,EAAG,EAAAC,EAAG,UAAAC,EAAW,WAAAC,EAAY,cAAAC,EAAe,eAAAC,GAAmBR,EACjES,EAAgBC,EAAAA,6BACtB,IAAIC,EACAL,EAAaD,EAEfM,EAAQF,EAAgBJ,EAGxBM,EAAQF,EAAgBH,EAG1B,MAAMM,EAAQ,KAAK,MAAMT,EAAIQ,CAAK,EAC5BE,EAAQ,KAAK,MAAMT,EAAIO,CAAK,EAC5BG,EAAa,KAAK,MAAMP,EAAgBI,CAAK,EAC7CI,EAAc,KAAK,MAAMP,EAAiBG,CAAK,EAErD,MAAO,CACL,CAACK,EAAAA,iBAAiB,GAAG,EAAG,IAAIH,CAAK,KACjC,CAACG,EAAAA,iBAAiB,IAAI,EAAG,IAAIJ,CAAK,KAClC,CAACI,EAAAA,iBAAiB,KAAK,EAAG,GAAGF,CAAU,KACvC,CAACE,mBAAiB,MAAM,EAAG,GAAGD,CAAW,IAAA,CAE7C,EAEO,SAASE,EAAmBjB,EAAiCkB,EAAyB,CAC3F,MAAMC,EAAkBpB,EAAiBC,CAAI,EACvCoB,EAAkBD,EAAkBjB,EAAeF,CAAI,EAAI,OAGjE,MAAO,CAAE,gBAAAmB,EAAiB,gBAAAC,EAAiB,qBAFdF,EAAiB,CAAE,iCAAkCA,GAAmB,MAE1D,CAC7C"}