@alma-oss/spirit-web-react 4.3.0 → 4.5.0

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"),U=require("../../hooks/styleProps.cjs"),R=require("../../hooks/useClassNamePrefix.cjs"),V=require("../../hooks/useI18n.cjs"),N=require("../ControlButton/ControlButton.cjs"),D=require("../Field/ValidationText.cjs"),O=require("../Field/useValidationTextRole.cjs"),z=require("../Flex/Flex.cjs"),a=require("../Icon/Icon.cjs"),T=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("./constants.cjs"),M=require("./useFileStyleProps.cjs"),w={elementType:"li",iconName:j.DEFAULT_FILE_ICON_NAME},o=f=>{const v={...w,...f},{t:r}=V.useI18n(),{editText:S,elementType:P,hasValidationIcon:_,helperText:c,iconName:q,id:n,isDisabled:d,label:y,onDismiss:u,onChange:m,previewSlot:C,removeText:F,validationState:s,validationText:x,...A}=v,E=S??r("attachment.edit"),I=F??r("attachment.remove"),{classProps:t}=M.useFileStyleProps({isDisabled:d,validationState:s}),{styleProps:p,props:b}=U.useStyleProps(A),g=O.useValidationTextRole({validationState:s,validationText:x}),h={size:"large",isSymmetrical:!0,isDisabled:d},i=m?e.jsxs(N.default,{...h,onClick:m,children:[e.jsx(T.default,{children:E}),e.jsx(a.default,{name:j.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME,boxSize:16,"aria-hidden":"true"})]}):null,l=u?e.jsxs(N.default,{...h,onClick:u,children:[e.jsx(T.default,{children:I}),e.jsx(a.default,{name:"close",boxSize:16,"aria-hidden":"true"})]}):null,B=P;return e.jsxs(B,{...b,...p,...n!=null&&n!==""?{id:n}:{},className:L(t.root,p.className),children:[C??e.jsx("div",{className:t.preview,children:e.jsx(a.default,{name:q,boxSize:20,"aria-hidden":"true"})}),e.jsx("div",{className:t.content,children:e.jsxs("div",{className:t.text,children:[e.jsx("span",{className:t.name,children:e.jsx("span",{className:R.useClassNamePrefix("text-truncate"),children:y})}),c&&e.jsx("div",{className:t.helperText,children:c}),s&&e.jsx(D.default,{UNSAFE_className:t.validationText,elementType:"div",..._&&{hasValidationStateIcon:s},role:g,validationText:x})]})}),i&&l?e.jsxs(z.default,{alignmentX:{mobile:"stretch",tablet:"left"},alignmentY:"stretch",spacingX:"space-500",children:[i,l]}):e.jsxs(e.Fragment,{children:[i,l]})]})};o.spiritComponent="UNSTABLE_File";o.displayName="UNSTABLE_File";exports.default=o;
+//# 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 editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange}>\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}>\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","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","Component","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"4mBAeMA,EAAe,CACnB,YAAa,KACb,SAAUC,EAAAA,sBACZ,EAEMC,EAA+CC,GAAmD,CACtG,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,EAAAE,CAAA,EAAMC,UAAA,EACR,CACJ,SAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDjB,EAEEkB,EAAmBf,GAAYF,EAAE,iBAAiB,EAClDkB,EAAqBL,GAAcb,EAAE,mBAAmB,EACxD,CAAE,WAAAmB,CAAA,EAAeC,EAAAA,kBAAkB,CAAE,WAAAZ,EAAY,gBAAAM,EAAiB,EAClE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcP,CAAS,EAC9DQ,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAX,EACA,eAAAC,CAAA,CACD,EAEKW,EAA4B,CAChC,KAAM,QACN,cAAe,GACf,WAAAlB,CAAA,EAGImB,EAAmBhB,EACvBiB,EAAAA,KAACC,EAAAA,SAAe,GAAGH,EAA2B,QAASf,EACrD,SAAA,CAAAmB,EAAAA,IAACC,EAAAA,SAAgB,SAAAd,CAAA,CAAiB,QACjCe,EAAAA,QAAA,CAAK,KAAMC,EAAAA,qCAAsC,QAAS,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,CACpF,EACE,KAEEC,EAAsBxB,EAC1BkB,EAAAA,KAACC,EAAAA,SAAe,GAAGH,EAA2B,QAAShB,EACrD,SAAA,CAAAoB,EAAAA,IAACC,EAAAA,SAAgB,SAAAb,CAAA,CAAmB,QACnCc,EAAAA,QAAA,CAAK,KAAK,QAAQ,QAAS,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,CACrD,EACE,KAEEG,EAAYhC,EAElB,OACEyB,EAAAA,KAACO,EAAA,CACE,GAAGb,EACH,GAAGD,EACH,GAAId,GAAM,MAAQA,IAAO,GAAK,CAAE,GAAAA,CAAA,EAAO,CAAA,EACxC,UAAW6B,EAAWjB,EAAW,KAAME,EAAW,SAAS,EAE1D,SAAA,CAAAT,GACCkB,EAAAA,IAAC,MAAA,CAAI,UAAWX,EAAW,QACzB,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM1B,EAAU,QAAS,GAAI,cAAY,OAAO,EACxD,EAEFwB,EAAAA,IAAC,OAAI,UAAWX,EAAW,QACzB,SAAAS,EAAAA,KAAC,MAAA,CAAI,UAAWT,EAAW,KACzB,SAAA,CAAAW,EAAAA,IAAC,OAAA,CAAK,UAAWX,EAAW,KAC1B,SAAAW,EAAAA,IAAC,OAAA,CAAK,UAAWO,EAAAA,mBAAmB,eAAe,EAAI,SAAA5B,CAAA,CAAM,EAC/D,EACCJ,GAAcyB,EAAAA,IAAC,MAAA,CAAI,UAAWX,EAAW,WAAa,SAAAd,EAAW,EACjES,GACCgB,EAAAA,IAACQ,EAAAA,QAAA,CACC,iBAAkBnB,EAAW,eAC7B,YAAY,MACX,GAAIf,GAAqB,CAAE,uBAAwBU,CAAA,EACpD,KAAMU,EACN,eAAAT,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,CACF,EACCY,GAAoBO,EACnBN,EAAAA,KAACW,EAAAA,QAAA,CAAK,WAAY,CAAE,OAAQ,UAAW,OAAQ,MAAA,EAAU,WAAW,UAAU,SAAS,YACpF,SAAA,CAAAZ,EACAO,CAAA,CAAA,CACH,EAEAN,EAAAA,KAAAY,EAAAA,SAAA,CACG,SAAA,CAAAb,EACAO,CAAA,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,EAEArC,EAAc,gBAAkB,gBAChCA,EAAc,YAAc"}

package/dist/components/UNSTABLE_File/UNSTABLE_File.d.ts

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

package/dist/components/UNSTABLE_File/UNSTABLE_File.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as o, jsx as e, Fragment as g } from "react/jsx-runtime";
+import D from "classnames";
+import { useStyleProps as V } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as z } from "../../hooks/useClassNamePrefix.js";
+import { useI18n as O } from "../../hooks/useI18n.js";
+import T from "../ControlButton/ControlButton.js";
+import R from "../Field/ValidationText.js";
+import { useValidationTextRole as w } from "../Field/useValidationTextRole.js";
+import j from "../Flex/Flex.js";
+import l from "../Icon/Icon.js";
+import x from "../VisuallyHidden/VisuallyHidden.js";
+import { DEFAULT_FILE_ICON_NAME as k, DEFAULT_FILE_ACTION_BUTTON_ICON_NAME as M } from "./constants.js";
+import { useFileStyleProps as X } from "./useFileStyleProps.js";
+const H = {
+  elementType: "li",
+  iconName: k
+}, f = (v) => {
+  const S = { ...H, ...v }, { t: a } = O(), {
+    editText: C,
+    elementType: _,
+    hasValidationIcon: A,
+    helperText: m,
+    iconName: E,
+    id: n,
+    isDisabled: c,
+    label: F,
+    onDismiss: d,
+    onChange: p,
+    previewSlot: y,
+    removeText: I,
+    validationState: i,
+    validationText: h,
+    ...P
+  } = S, B = C ?? a("attachment.edit"), b = I ?? a("attachment.remove"), { classProps: t } = X({ isDisabled: c, validationState: i }), { styleProps: u, props: L } = V(P), U = w({
+    validationState: i,
+    validationText: h
+  }), N = {
+    size: "large",
+    isSymmetrical: !0,
+    isDisabled: c
+  }, s = p ? /* @__PURE__ */ o(T, { ...N, onClick: p, children: [
+    /* @__PURE__ */ e(x, { children: B }),
+    /* @__PURE__ */ e(l, { name: M, boxSize: 16, "aria-hidden": "true" })
+  ] }) : null, r = d ? /* @__PURE__ */ o(T, { ...N, onClick: d, children: [
+    /* @__PURE__ */ e(x, { children: b }),
+    /* @__PURE__ */ e(l, { name: "close", boxSize: 16, "aria-hidden": "true" })
+  ] }) : null;
+  return /* @__PURE__ */ o(
+    _,
+    {
+      ...L,
+      ...u,
+      ...n != null && n !== "" ? { id: n } : {},
+      className: D(t.root, u.className),
+      children: [
+        y ?? /* @__PURE__ */ e("div", { className: t.preview, children: /* @__PURE__ */ e(l, { name: E, 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: z("text-truncate"), children: F }) }),
+          m && /* @__PURE__ */ e("div", { className: t.helperText, children: m }),
+          i && /* @__PURE__ */ e(
+            R,
+            {
+              UNSAFE_className: t.validationText,
+              elementType: "div",
+              ...A && { hasValidationStateIcon: i },
+              role: U,
+              validationText: h
+            }
+          )
+        ] }) }),
+        s && r ? /* @__PURE__ */ o(j, { alignmentX: { mobile: "stretch", tablet: "left" }, alignmentY: "stretch", spacingX: "space-500", children: [
+          s,
+          r
+        ] }) : /* @__PURE__ */ o(g, { children: [
+          s,
+          r
+        ] })
+      ]
+    }
+  );
+};
+f.spiritComponent = "UNSTABLE_File";
+f.displayName = "UNSTABLE_File";
+export {
+  f 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 editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange}>\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}>\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","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":";;;;;;;;;;;;;;AAeA,MAAMA,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,UAAUC;AACZ,GAEMC,IAAgB,CAA+BC,MAAmD;AACtG,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACR;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GAEEkB,IAAmBf,KAAYF,EAAE,iBAAiB,GAClDkB,IAAqBL,KAAcb,EAAE,mBAAmB,GACxD,EAAE,YAAAmB,EAAA,IAAeC,EAAkB,EAAE,YAAAZ,GAAY,iBAAAM,GAAiB,GAClE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAkBC,EAAcP,CAAS,GAC9DQ,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAX;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKW,IAA4B;AAAA,IAChC,MAAM;AAAA,IACN,eAAe;AAAA,IACf,YAAAlB;AAAA,EAAA,GAGImB,IAAmBhB,IACvB,gBAAAiB,EAACC,KAAe,GAAGH,GAA2B,SAASf,GACrD,UAAA;AAAA,IAAA,gBAAAmB,EAACC,KAAgB,UAAAd,EAAA,CAAiB;AAAA,sBACjCe,GAAA,EAAK,MAAMC,GAAsC,SAAS,IAAI,eAAY,OAAA,CAAO;AAAA,EAAA,EAAA,CACpF,IACE,MAEEC,IAAsBxB,IAC1B,gBAAAkB,EAACC,KAAe,GAAGH,GAA2B,SAAShB,GACrD,UAAA;AAAA,IAAA,gBAAAoB,EAACC,KAAgB,UAAAb,EAAA,CAAmB;AAAA,sBACnCc,GAAA,EAAK,MAAK,SAAQ,SAAS,IAAI,eAAY,OAAA,CAAO;AAAA,EAAA,EAAA,CACrD,IACE;AAIJ,SACE,gBAAAJ;AAAA,IAHgBzB;AAAA,IAGf;AAAA,MACE,GAAGmB;AAAA,MACH,GAAGD;AAAA,MACH,GAAId,KAAM,QAAQA,MAAO,KAAK,EAAE,IAAAA,EAAA,IAAO,CAAA;AAAA,MACxC,WAAW4B,EAAWhB,EAAW,MAAME,EAAW,SAAS;AAAA,MAE1D,UAAA;AAAA,QAAAT,KACC,gBAAAkB,EAAC,OAAA,EAAI,WAAWX,EAAW,SACzB,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAM1B,GAAU,SAAS,IAAI,eAAY,QAAO,GACxD;AAAA,QAEF,gBAAAwB,EAAC,SAAI,WAAWX,EAAW,SACzB,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAWT,EAAW,MACzB,UAAA;AAAA,UAAA,gBAAAW,EAAC,QAAA,EAAK,WAAWX,EAAW,MAC1B,UAAA,gBAAAW,EAAC,QAAA,EAAK,WAAWM,EAAmB,eAAe,GAAI,UAAA3B,EAAA,CAAM,GAC/D;AAAA,UACCJ,KAAc,gBAAAyB,EAAC,OAAA,EAAI,WAAWX,EAAW,YAAa,UAAAd,GAAW;AAAA,UACjES,KACC,gBAAAgB;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,kBAAkBlB,EAAW;AAAA,cAC7B,aAAY;AAAA,cACX,GAAIf,KAAqB,EAAE,wBAAwBU,EAAA;AAAA,cACpD,MAAMU;AAAA,cACN,gBAAAT;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ,EAAA,CACF;AAAA,QACCY,KAAoBO,IACnB,gBAAAN,EAACU,GAAA,EAAK,YAAY,EAAE,QAAQ,WAAW,QAAQ,OAAA,GAAU,YAAW,WAAU,UAAS,aACpF,UAAA;AAAA,UAAAX;AAAA,UACAO;AAAA,QAAA,EAAA,CACH,IAEA,gBAAAN,EAAAW,GAAA,EACG,UAAA;AAAA,UAAAZ;AAAA,UACAO;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEArC,EAAc,kBAAkB;AAChCA,EAAc,cAAc;"}

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.d.ts

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

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.d.ts

@@ -0,0 +1,9 @@
+export declare const DEFAULT_FILE_IMAGE_DIMENSION = 48;
+export declare const DEFAULT_FILE_ICON_NAME = "file";
+export declare const DEFAULT_FILE_ACTION_BUTTON_ICON_NAME = "edit";
+export declare const FileImageCropCSS: {
+    readonly TOP: "--spirit-file-image-top";
+    readonly LEFT: "--spirit-file-image-left";
+    readonly WIDTH: "--spirit-file-image-width";
+    readonly HEIGHT: "--spirit-file-image-height";
+};

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.d.ts

@@ -0,0 +1,6 @@
+export { default as UNSTABLE_File } from './UNSTABLE_File';
+export { default as UNSTABLE_FileImagePreview } from './UNSTABLE_FileImagePreview';
+export * from './constants';
+export * from './types';
+export * from './useFileImageStyles';
+export * from './useFileStyleProps';

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/types.d.ts

@@ -0,0 +1,48 @@
+import { ElementType, ReactNode } from 'react';
+import { ObjectFit } from '../../constants';
+import { PolymorphicComponentProps } from '../../types';
+import { SpiritButtonElementProps, SpiritSpanElementProps, ValidationState, ValidationTextType } from '../../types/shared';
+export interface UnstableFileItemMetadata {
+    [key: string | number]: unknown;
+}
+export interface UnstableFilePreviewStyleProps {
+    meta?: UnstableFileItemMetadata;
+    imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];
+}
+export type UnstableFileItem = {
+    id: string;
+    label: string;
+    previewUrl?: string;
+    meta?: UnstableFileItemMetadata;
+};
+export interface UnstableFileActionButtonProps extends SpiritButtonElementProps {
+}
+export interface UnstableFileDismissButtonProps extends SpiritButtonElementProps {
+}
+export interface UnstableFileImagePreviewProps extends SpiritSpanElementProps, UnstableFilePreviewStyleProps {
+    imagePreview: string;
+    label: string;
+}
+export interface UnstableFileBaseProps {
+    editText?: string;
+    helperText?: ReactNode;
+    hasValidationIcon?: boolean;
+    iconName?: string;
+    id?: string;
+    isDisabled?: boolean;
+    label: string;
+    onDismiss?: () => void;
+    onChange?: () => void;
+    previewSlot?: ReactNode;
+    removeText?: string;
+    validationState?: ValidationState;
+    validationText?: ValidationTextType;
+}
+export type SpiritUnstableFileProps<E extends ElementType = 'li'> = PolymorphicComponentProps<E, UnstableFileBaseProps>;
+export type UnstableFileProps = SpiritUnstableFileProps<'li'>;
+export interface SpiritUnstableFileActionButtonProps extends UnstableFileActionButtonProps {
+}
+export interface SpiritUnstableFileDismissButtonProps extends UnstableFileDismissButtonProps {
+}
+export interface SpiritUnstableFileImagePreviewProps extends UnstableFileImagePreviewProps {
+}

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"}

package/dist/components/UNSTABLE_File/useFileImageStyles.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+import { FileImageCropCSS } from './constants';
+import { UnstableFileItemMetadata } from './types';
+export type FileImageCropStyles = {
+    [FileImageCropCSS.TOP]?: string;
+    [FileImageCropCSS.LEFT]?: string;
+    [FileImageCropCSS.WIDTH]?: string;
+    [FileImageCropCSS.HEIGHT]?: string;
+} & CSSProperties;
+export type FileImageObjectFitStyles = {
+    '--spirit-file-image-object-fit': string;
+};
+export declare function useFileImageStyles(meta?: UnstableFileItemMetadata, imageObjectFit?: string): {
+    hasCoordsInMeta: boolean;
+    imageCropStyles: FileImageCropStyles | undefined;
+    imageObjectFitStyles: {
+        '--spirit-file-image-object-fit': string;
+    } | undefined;
+};

package/dist/components/UNSTABLE_File/useFileImageStyles.js

@@ -0,0 +1,21 @@
+import { FileImageCropCSS as n, DEFAULT_FILE_IMAGE_DIMENSION as u } from "./constants.js";
+const S = ["x", "y", "cropWidth", "cropHeight", "originalWidth", "originalHeight"], H = (t) => t != null && S.every((o) => t[o] != null), I = (t) => {
+  const { x: o, y: e, cropWidth: r, cropHeight: s, originalWidth: a, originalHeight: l } = t, c = u;
+  let i;
+  s > r ? i = c / r : i = c / s;
+  const p = Math.round(o * i), g = Math.round(e * i), h = Math.round(a * i), d = Math.round(l * i);
+  return {
+    [n.TOP]: `-${g}px`,
+    [n.LEFT]: `-${p}px`,
+    [n.WIDTH]: `${h}px`,
+    [n.HEIGHT]: `${d}px`
+  };
+};
+function m(t, o) {
+  const e = H(t), r = e ? I(t) : void 0;
+  return { hasCoordsInMeta: e, imageCropStyles: r, imageObjectFitStyles: o ? { "--spirit-file-image-object-fit": o } : void 0 };
+}
+export {
+  m as useFileImageStyles
+};
+//# sourceMappingURL=useFileImageStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileImageStyles.js","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":";AA2BA,MAAMA,IAAiB,CAAC,KAAK,KAAK,aAAa,cAAc,iBAAiB,gBAAgB,GAExFC,IAAmB,CAACC,MACxBA,KAAQ,QAAQF,EAAe,MAAM,CAACG,MAAQD,EAAKC,CAAG,KAAK,IAAI,GAE3DC,IAAiB,CAACF,MAAiD;AACvE,QAAM,EAAE,GAAAG,GAAG,GAAAC,GAAG,WAAAC,GAAW,YAAAC,GAAY,eAAAC,GAAe,gBAAAC,MAAmBR,GACjES,IAAgBC;AACtB,MAAIC;AACJ,EAAIL,IAAaD,IAEfM,IAAQF,IAAgBJ,IAGxBM,IAAQF,IAAgBH;AAG1B,QAAMM,IAAQ,KAAK,MAAMT,IAAIQ,CAAK,GAC5BE,IAAQ,KAAK,MAAMT,IAAIO,CAAK,GAC5BG,IAAa,KAAK,MAAMP,IAAgBI,CAAK,GAC7CI,IAAc,KAAK,MAAMP,IAAiBG,CAAK;AAErD,SAAO;AAAA,IACL,CAACK,EAAiB,GAAG,GAAG,IAAIH,CAAK;AAAA,IACjC,CAACG,EAAiB,IAAI,GAAG,IAAIJ,CAAK;AAAA,IAClC,CAACI,EAAiB,KAAK,GAAG,GAAGF,CAAU;AAAA,IACvC,CAACE,EAAiB,MAAM,GAAG,GAAGD,CAAW;AAAA,EAAA;AAE7C;AAEO,SAASE,EAAmBjB,GAAiCkB,GAAyB;AAC3F,QAAMC,IAAkBpB,EAAiBC,CAAI,GACvCoB,IAAkBD,IAAkBjB,EAAeF,CAAI,IAAI;AAGjE,SAAO,EAAE,iBAAAmB,GAAiB,iBAAAC,GAAiB,sBAFdF,IAAiB,EAAE,kCAAkCA,MAAmB,OAE1D;AAC7C;"}

package/dist/components/UNSTABLE_File/useFileStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),r=require("../../hooks/useClassNamePrefix.cjs"),n=require("./useFileImageStyles.cjs"),o=t=>{const e=r.useClassNamePrefix("UNSTABLE_File"),{imageCropStyles:a,imageObjectFitStyles:s,hasCoordsInMeta:i}=n.useFileImageStyles(t?.meta,t?.imageObjectFit);return{classProps:{root:l(e,{[`${e}--disabled`]:t?.isDisabled,[`has-${t?.validationState}`]:t?.validationState}),preview:`${e}__preview`,content:`${e}__content`,text:`${e}__text`,name:`${e}__name`,helperText:`${e}__helperText`,validationText:`${e}__validationText`,...i&&{imageCropStyles:a},...s&&{imageObjectFitStyles:s}}}};exports.useFileStyleProps=o;
+//# sourceMappingURL=useFileStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileStyleProps.cjs","sources":["../../../src/components/UNSTABLE_File/useFileStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\nimport { type UnstableFilePreviewStyleProps } from './types';\nimport { type FileImageCropStyles, type FileImageObjectFitStyles, useFileImageStyles } from './useFileImageStyles';\n\nexport interface FileStyleProps extends StyleProps, Validation, UnstableFilePreviewStyleProps {\n  isDisabled?: boolean;\n}\n\nexport interface FileStyle {\n  classProps: {\n    root: string;\n    preview: string;\n    content: string;\n    text: string;\n    name: string;\n    helperText: string;\n    validationText: string;\n    imageCropStyles?: FileImageCropStyles;\n    imageObjectFitStyles?: FileImageObjectFitStyles;\n  };\n}\n\nexport const useFileStyleProps = (props?: FileStyleProps): FileStyle => {\n  const fileClass = useClassNamePrefix('UNSTABLE_File');\n\n  const { imageCropStyles, imageObjectFitStyles, hasCoordsInMeta } = useFileImageStyles(\n    props?.meta,\n    props?.imageObjectFit,\n  );\n\n  return {\n    classProps: {\n      root: classNames(fileClass, {\n        [`${fileClass}--disabled`]: props?.isDisabled,\n        [`has-${props?.validationState}`]: props?.validationState,\n      }),\n      preview: `${fileClass}__preview`,\n      content: `${fileClass}__content`,\n      text: `${fileClass}__text`,\n      name: `${fileClass}__name`,\n      helperText: `${fileClass}__helperText`,\n      validationText: `${fileClass}__validationText`,\n      ...(hasCoordsInMeta && { imageCropStyles }),\n      ...(imageObjectFitStyles && { imageObjectFitStyles }),\n    },\n  };\n};\n"],"names":["useFileStyleProps","props","fileClass","useClassNamePrefix","imageCropStyles","imageObjectFitStyles","hasCoordsInMeta","useFileImageStyles","classNames"],"mappings":"oMAwBaA,EAAqBC,GAAsC,CACtE,MAAMC,EAAYC,EAAAA,mBAAmB,eAAe,EAE9C,CAAE,gBAAAC,EAAiB,qBAAAC,EAAsB,gBAAAC,CAAA,EAAoBC,EAAAA,mBACjEN,GAAO,KACPA,GAAO,cAAA,EAGT,MAAO,CACL,WAAY,CACV,KAAMO,EAAWN,EAAW,CAC1B,CAAC,GAAGA,CAAS,YAAY,EAAGD,GAAO,WACnC,CAAC,OAAOA,GAAO,eAAe,EAAE,EAAGA,GAAO,eAAA,CAC3C,EACD,QAAS,GAAGC,CAAS,YACrB,QAAS,GAAGA,CAAS,YACrB,KAAM,GAAGA,CAAS,SAClB,KAAM,GAAGA,CAAS,SAClB,WAAY,GAAGA,CAAS,eACxB,eAAgB,GAAGA,CAAS,mBAC5B,GAAII,GAAmB,CAAE,gBAAAF,CAAA,EACzB,GAAIC,GAAwB,CAAE,qBAAAA,CAAA,CAAqB,CACrD,CAEJ"}

package/dist/components/UNSTABLE_File/useFileStyleProps.d.ts

@@ -0,0 +1,20 @@
+import { StyleProps, Validation } from '../../types';
+import { UnstableFilePreviewStyleProps } from './types';
+import { FileImageCropStyles, FileImageObjectFitStyles } from './useFileImageStyles';
+export interface FileStyleProps extends StyleProps, Validation, UnstableFilePreviewStyleProps {
+    isDisabled?: boolean;
+}
+export interface FileStyle {
+    classProps: {
+        root: string;
+        preview: string;
+        content: string;
+        text: string;
+        name: string;
+        helperText: string;
+        validationText: string;
+        imageCropStyles?: FileImageCropStyles;
+        imageObjectFitStyles?: FileImageObjectFitStyles;
+    };
+}
+export declare const useFileStyleProps: (props?: FileStyleProps) => FileStyle;

package/dist/components/UNSTABLE_File/useFileStyleProps.js

@@ -0,0 +1,29 @@
+import l from "classnames";
+import { useClassNamePrefix as o } from "../../hooks/useClassNamePrefix.js";
+import { useFileImageStyles as r } from "./useFileImageStyles.js";
+const c = (t) => {
+  const e = o("UNSTABLE_File"), { imageCropStyles: i, imageObjectFitStyles: a, hasCoordsInMeta: s } = r(
+    t?.meta,
+    t?.imageObjectFit
+  );
+  return {
+    classProps: {
+      root: l(e, {
+        [`${e}--disabled`]: t?.isDisabled,
+        [`has-${t?.validationState}`]: t?.validationState
+      }),
+      preview: `${e}__preview`,
+      content: `${e}__content`,
+      text: `${e}__text`,
+      name: `${e}__name`,
+      helperText: `${e}__helperText`,
+      validationText: `${e}__validationText`,
+      ...s && { imageCropStyles: i },
+      ...a && { imageObjectFitStyles: a }
+    }
+  };
+};
+export {
+  c as useFileStyleProps
+};
+//# sourceMappingURL=useFileStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileStyleProps.js","sources":["../../../src/components/UNSTABLE_File/useFileStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\nimport { type UnstableFilePreviewStyleProps } from './types';\nimport { type FileImageCropStyles, type FileImageObjectFitStyles, useFileImageStyles } from './useFileImageStyles';\n\nexport interface FileStyleProps extends StyleProps, Validation, UnstableFilePreviewStyleProps {\n  isDisabled?: boolean;\n}\n\nexport interface FileStyle {\n  classProps: {\n    root: string;\n    preview: string;\n    content: string;\n    text: string;\n    name: string;\n    helperText: string;\n    validationText: string;\n    imageCropStyles?: FileImageCropStyles;\n    imageObjectFitStyles?: FileImageObjectFitStyles;\n  };\n}\n\nexport const useFileStyleProps = (props?: FileStyleProps): FileStyle => {\n  const fileClass = useClassNamePrefix('UNSTABLE_File');\n\n  const { imageCropStyles, imageObjectFitStyles, hasCoordsInMeta } = useFileImageStyles(\n    props?.meta,\n    props?.imageObjectFit,\n  );\n\n  return {\n    classProps: {\n      root: classNames(fileClass, {\n        [`${fileClass}--disabled`]: props?.isDisabled,\n        [`has-${props?.validationState}`]: props?.validationState,\n      }),\n      preview: `${fileClass}__preview`,\n      content: `${fileClass}__content`,\n      text: `${fileClass}__text`,\n      name: `${fileClass}__name`,\n      helperText: `${fileClass}__helperText`,\n      validationText: `${fileClass}__validationText`,\n      ...(hasCoordsInMeta && { imageCropStyles }),\n      ...(imageObjectFitStyles && { imageObjectFitStyles }),\n    },\n  };\n};\n"],"names":["useFileStyleProps","props","fileClass","useClassNamePrefix","imageCropStyles","imageObjectFitStyles","hasCoordsInMeta","useFileImageStyles","classNames"],"mappings":";;;AAwBO,MAAMA,IAAoB,CAACC,MAAsC;AACtE,QAAMC,IAAYC,EAAmB,eAAe,GAE9C,EAAE,iBAAAC,GAAiB,sBAAAC,GAAsB,iBAAAC,EAAA,IAAoBC;AAAA,IACjEN,GAAO;AAAA,IACPA,GAAO;AAAA,EAAA;AAGT,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMO,EAAWN,GAAW;AAAA,QAC1B,CAAC,GAAGA,CAAS,YAAY,GAAGD,GAAO;AAAA,QACnC,CAAC,OAAOA,GAAO,eAAe,EAAE,GAAGA,GAAO;AAAA,MAAA,CAC3C;AAAA,MACD,SAAS,GAAGC,CAAS;AAAA,MACrB,SAAS,GAAGA,CAAS;AAAA,MACrB,MAAM,GAAGA,CAAS;AAAA,MAClB,MAAM,GAAGA,CAAS;AAAA,MAClB,YAAY,GAAGA,CAAS;AAAA,MACxB,gBAAgB,GAAGA,CAAS;AAAA,MAC5B,GAAII,KAAmB,EAAE,iBAAAF,EAAA;AAAA,MACzB,GAAIC,KAAwB,EAAE,sBAAAA,EAAA;AAAA,IAAqB;AAAA,EACrD;AAEJ;"}

package/dist/components/UNSTABLE_File.d.ts

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

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.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"),G=require("classnames"),v=require("react"),J=require("../../hooks/styleProps.cjs"),K=require("../../hooks/useAriaIdRefs.cjs"),Q=require("../Button/Button.cjs"),W=require("../Field/HelperText.cjs"),g=require("../Field/Label.cjs"),X=require("../Field/ValidationText.cjs"),Y=require("../Field/useValidationTextRole.cjs"),ee=require("../Icon/Icon.cjs"),te=require("./useFileUploadState.cjs"),se=require("./useFileUploadStyleProps.cjs"),l=S=>{const[h,N]=v.useState(!1),{"aria-describedby":b="",accept:f,buttonText:T="Browse",children:y,dropZoneRef:A,hasValidationIcon:F,helperText:j,iconName:q="upload",id:U,inputRef:P,isCompact:d,isDisabled:s,isDragAndDropSupported:o,isLabelHidden:E,isMultiple:R,isRequired:_,label:B,labelText:c,linkText:I,name:p,onFilesSelected:L,rootId:n,validationState:a,validationText:u,...V}=S,m=p!==void 0,i=o??h,{isDragging:Z,onChange:C,onDragEnter:M,onDragLeave:O,onDragOver:$,onDrop:H}=te.useFileUploadState({onFilesSelected:m?L:void 0}),{classProps:t}=se.useFileUploadStyleProps({isCompact:d,isDisabled:s,isDragAndDropSupported:i,isDragging:Z,isLabelHidden:E,isRequired:_,validationState:a}),{styleProps:x,props:k}=J.useStyleProps(V),[w,D]=K.useAriaDescribedBy(b),z=Y.useValidationTextRole({validationState:a,validationText:u}),r=U;return v.useEffect(()=>{o===void 0&&N("draggable"in document.createElement("span"))},[o]),e.jsxs("div",{...k,...x,...n!=null&&n!==""?{id:n}:{},className:G(t.root,x.className),children:[m&&e.jsxs("div",{onDragOver:!s&&i?$:void 0,onDragEnter:!s&&i?M:void 0,onDragLeave:!s&&i?O:void 0,onDrop:!s&&i?H:void 0,className:t.input.root,children:[e.jsx(g.default,{htmlFor:r,UNSAFE_className:t.input.label,children:B}),e.jsx("input",{...w,type:"file",accept:f,id:r,ref:P,name:p,className:t.input.input,onChange:C,multiple:R,disabled:s}),e.jsxs("div",{ref:A,className:t.input.dropZone.root,children:[!d&&e.jsx(ee.default,{name:q,boxSize:28,"aria-hidden":"true"}),e.jsxs("div",{className:t.input.dropZone.content,children:[e.jsxs(g.default,{htmlFor:r,UNSAFE_className:t.input.dropZone.label,children:[I,c&&e.jsxs(e.Fragment,{children:[" ",e.jsx("span",{className:t.input.dropLabel,children:c})]})]}),e.jsx(W.default,{UNSAFE_className:t.input.helper,id:`${r}-helper`,registerAria:D,helperText:j})]}),e.jsx(Q.default,{"aria-hidden":"true",isDisabled:s,elementType:"div",type:null,children:T})]}),a&&e.jsx(X.default,{UNSAFE_className:t.input.validationText,elementType:"div",...F&&{hasValidationStateIcon:a},id:`${r}-validation`,validationText:u,registerAria:D,role:z})]}),y]})};l.spiritComponent="UNSTABLE_FileUpload";l.displayName="UNSTABLE_FileUpload";exports.default=l;
+//# sourceMappingURL=UNSTABLE_FileUpload.cjs.map

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_FileUpload.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { Button } from '../Button';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { type UnstableFileUploadProps } from './types';\nimport { useFileUploadState } from './useFileUploadState';\nimport { useFileUploadStyleProps } from './useFileUploadStyleProps';\n\nconst UNSTABLE_FileUpload = (props: UnstableFileUploadProps) => {\n  const [isDragAndDropDetected, setIsDragAndDropDetected] = useState(false);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    accept,\n    buttonText = 'Browse',\n    children,\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported: isDragAndDropSupportedProp,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    name,\n    onFilesSelected,\n    rootId,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const hasInput = name !== undefined;\n\n  const isDragAndDropSupported = isDragAndDropSupportedProp ?? isDragAndDropDetected;\n\n  const { isDragging, onChange, onDragEnter, onDragLeave, onDragOver, onDrop } = useFileUploadState({\n    onFilesSelected: hasInput ? onFilesSelected : undefined,\n  });\n\n  const { classProps } = useFileUploadStyleProps({\n    hasValidationIcon,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported,\n    isDragging,\n    isLabelHidden,\n    isRequired,\n    validationState,\n  });\n\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const inputId = id;\n\n  useEffect(() => {\n    if (isDragAndDropSupportedProp !== undefined) {\n      return;\n    }\n    setIsDragAndDropDetected('draggable' in document.createElement('span'));\n  }, [isDragAndDropSupportedProp]);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      {...(rootId != null && rootId !== '' ? { id: rootId } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {hasInput && (\n        <div\n          onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n          onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n          onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n          onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n          className={classProps.input.root}\n        >\n          <Label htmlFor={inputId} UNSAFE_className={classProps.input.label}>\n            {label}\n          </Label>\n          <input\n            {...ariaDescribedByProp}\n            type=\"file\"\n            accept={accept}\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            className={classProps.input.input}\n            onChange={onChange}\n            multiple={isMultiple}\n            disabled={isDisabled}\n          />\n          <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n            {!isCompact && <Icon name={iconName} boxSize={28} aria-hidden=\"true\" />}\n            <div className={classProps.input.dropZone.content}>\n              <Label htmlFor={inputId} UNSAFE_className={classProps.input.dropZone.label}>\n                {linkText}\n                {labelText && (\n                  <>\n                    {' '}\n                    <span className={classProps.input.dropLabel}>{labelText}</span>\n                  </>\n                )}\n              </Label>\n              <HelperText\n                UNSAFE_className={classProps.input.helper}\n                id={`${inputId}-helper`}\n                registerAria={register}\n                helperText={helperText}\n              />\n            </div>\n            {/* @ts-expect-error - Div cannot have type=\"button\". This will be solved with https://jira.almacareer.tech/browse/DS-2168 */}\n            <Button aria-hidden=\"true\" isDisabled={isDisabled} elementType=\"div\" type={null}>\n              {buttonText}\n            </Button>\n          </div>\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.input.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              id={`${inputId}-validation`}\n              validationText={validationText}\n              registerAria={register}\n              role={validationTextRole}\n            />\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nUNSTABLE_FileUpload.spiritComponent = 'UNSTABLE_FileUpload';\nUNSTABLE_FileUpload.displayName = 'UNSTABLE_FileUpload';\n\nexport default UNSTABLE_FileUpload;\n"],"names":["UNSTABLE_FileUpload","props","isDragAndDropDetected","setIsDragAndDropDetected","useState","ariaDescribedBy","accept","buttonText","children","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isCompact","isDisabled","isDragAndDropSupportedProp","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","name","onFilesSelected","rootId","validationState","validationText","restProps","hasInput","isDragAndDropSupported","isDragging","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploadState","classProps","useFileUploadStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","inputId","useEffect","jsxs","classNames","jsx","Label","Icon","Fragment","HelperText","Button","ValidationText"],"mappings":"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"}

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.d.ts

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