@activecollab/components 2.0.498 → 2.0.499

package/dist/esm/components/EditableContent/EditableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useHoverSuppression","useForkRef","EditableContent","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","onMouseLeave","props","_objectWithoutPropertiesLoose","_excluded","intInputRef","handleRef","_useHoverSuppression","hoverSuppressed","suppressHoverOnKey","releaseHover","handleBlur","evt","current","scrollLeft","onBlur","handleKeyDown","onKeyDown","handleFocus","onFocus","handleMouseLeave","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useHoverSuppression } from \"./useHoverSuppression\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      onMouseLeave,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n    const { hoverSuppressed, suppressHoverOnKey, releaseHover } =\n      useHoverSuppression();\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    const handleKeyDown = useCallback(\n      (evt) => {\n        suppressHoverOnKey(evt);\n        typeof inputProps?.onKeyDown === \"function\" &&\n          inputProps.onKeyDown(evt);\n      },\n      [inputProps, suppressHoverOnKey]\n    );\n\n    const handleFocus = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof inputProps?.onFocus === \"function\" && inputProps.onFocus(evt);\n      },\n      [inputProps, releaseHover]\n    );\n\n    const handleMouseLeave = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof onMouseLeave === \"function\" && onMouseLeave(evt);\n      },\n      [onMouseLeave, releaseHover]\n    );\n\n    return (\n      <StyledDiv\n        className={className}\n        ref={wrapRef}\n        {...props}\n        onMouseLeave={handleMouseLeave}\n      >\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          disabled={disabled}\n          data-form-type=\"other\"\n          data-hover-suppressed={hoverSuppressed}\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useHoverSuppression","useForkRef","EditableContent","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","onMouseLeave","props","_objectWithoutPropertiesLoose","_excluded","intInputRef","handleRef","_useHoverSuppression","hoverSuppressed","suppressHoverOnKey","releaseHover","handleBlur","evt","current","scrollLeft","onBlur","handleKeyDown","onKeyDown","handleFocus","onFocus","handleMouseLeave","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useHoverSuppression } from \"./useHoverSuppression\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\" | \"semibold\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      onMouseLeave,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n    const { hoverSuppressed, suppressHoverOnKey, releaseHover } =\n      useHoverSuppression();\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    const handleKeyDown = useCallback(\n      (evt) => {\n        suppressHoverOnKey(evt);\n        typeof inputProps?.onKeyDown === \"function\" &&\n          inputProps.onKeyDown(evt);\n      },\n      [inputProps, suppressHoverOnKey]\n    );\n\n    const handleFocus = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof inputProps?.onFocus === \"function\" && inputProps.onFocus(evt);\n      },\n      [inputProps, releaseHover]\n    );\n\n    const handleMouseLeave = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof onMouseLeave === \"function\" && onMouseLeave(evt);\n      },\n      [onMouseLeave, releaseHover]\n    );\n\n    return (\n      <StyledDiv\n        className={className}\n        ref={wrapRef}\n        {...props}\n        onMouseLeave={handleMouseLeave}\n      >\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          disabled={disabled}\n          data-form-type=\"other\"\n          data-hover-suppressed={hoverSuppressed}\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/EditorFrame/EditorFrame.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from "react";
+export type EditorFrameLook = "field" | "card" | "raised";
+export interface IEditorFrameProps extends HTMLAttributes<HTMLDivElement> {
+    /** "field" for an edit in place, "card" for a composer, "raised" for an editor on the page. */
+    look?: EditorFrameLook;
+    /** The corner radius in pixels. Each look has its own default. */
+    radius?: number;
+    /** The element of the frame. A form keeps its submit handling on the frame. */
+    as?: "div" | "form";
+}
+export declare const EditorFrame: React.ForwardRefExoticComponent<IEditorFrameProps & React.RefAttributes<HTMLDivElement>>;
+/** The row of actions under the editor, with a line above it. */
+export declare const EditorFrameFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EditorFrame.d.ts.map

package/dist/esm/components/EditorFrame/EditorFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFrame.d.ts","sourceRoot":"","sources":["../../../../src/components/EditorFrame/EditorFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAW1D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,+FAA+F;IAC/F,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB;AAQD,eAAO,MAAM,WAAW,0FAYvB,CAAC;AAIF,iEAAiE;AACjE,eAAO,MAAM,iBAAiB,6GAe5B,CAAC"}

package/dist/esm/components/EditorFrame/EditorFrame.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["look", "radius", "className", "children"],
+  _excluded2 = ["className", "children"];
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { FOOTER_CONTAINER_CSS, StyledEditorFrame, StyledEditorFrameFooter } from "./Styles";
+import { useContainerCss } from "../../utils/useContainerCss";
+const RADIUS = {
+  field: 14,
+  card: 16,
+  raised: 20
+};
+export const EditorFrame = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let _ref$look = _ref.look,
+    look = _ref$look === void 0 ? "field" : _ref$look,
+    radius = _ref.radius,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledEditorFrame, _extends({}, rest, {
+    ref: ref,
+    $look: look,
+    $radius: radius != null ? radius : RADIUS[look],
+    className: classnames("c-editor-frame", className)
+  }), children);
+});
+EditorFrame.displayName = "EditorFrame";
+
+/** The row of actions under the editor, with a line above it. */
+export const EditorFrameFooter = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let className = _ref2.className,
+    children = _ref2.children,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  useContainerCss("c-editor-frame-container", FOOTER_CONTAINER_CSS);
+  return /*#__PURE__*/React.createElement(StyledEditorFrameFooter, _extends({}, rest, {
+    ref: ref,
+    className: classnames("c-editor-frame__footer", className)
+  }), children);
+});
+EditorFrameFooter.displayName = "EditorFrameFooter";
+//# sourceMappingURL=EditorFrame.js.map

package/dist/esm/components/EditorFrame/EditorFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFrame.js","names":["React","forwardRef","classnames","FOOTER_CONTAINER_CSS","StyledEditorFrame","StyledEditorFrameFooter","useContainerCss","RADIUS","field","card","raised","EditorFrame","_ref","ref","_ref$look","look","radius","className","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$look","$radius","displayName","EditorFrameFooter","_ref2","_excluded2"],"sources":["../../../../src/components/EditorFrame/EditorFrame.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  FOOTER_CONTAINER_CSS,\n  StyledEditorFrame,\n  StyledEditorFrameFooter,\n} from \"./Styles\";\nimport { useContainerCss } from \"../../utils/useContainerCss\";\n\nexport type EditorFrameLook = \"field\" | \"card\" | \"raised\";\n\nexport interface IEditorFrameProps extends HTMLAttributes<HTMLDivElement> {\n  /** \"field\" for an edit in place, \"card\" for a composer, \"raised\" for an editor on the page. */\n  look?: EditorFrameLook;\n  /** The corner radius in pixels. Each look has its own default. */\n  radius?: number;\n  /** The element of the frame. A form keeps its submit handling on the frame. */\n  as?: \"div\" | \"form\";\n}\n\nconst RADIUS: Record<EditorFrameLook, number> = {\n  field: 14,\n  card: 16,\n  raised: 20,\n};\n\nexport const EditorFrame = forwardRef<HTMLDivElement, IEditorFrameProps>(\n  ({ look = \"field\", radius, className, children, ...rest }, ref) => (\n    <StyledEditorFrame\n      {...rest}\n      ref={ref}\n      $look={look}\n      $radius={radius ?? RADIUS[look]}\n      className={classnames(\"c-editor-frame\", className)}\n    >\n      {children}\n    </StyledEditorFrame>\n  )\n);\n\nEditorFrame.displayName = \"EditorFrame\";\n\n/** The row of actions under the editor, with a line above it. */\nexport const EditorFrameFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...rest }, ref) => {\n  useContainerCss(\"c-editor-frame-container\", FOOTER_CONTAINER_CSS);\n\n  return (\n    <StyledEditorFrameFooter\n      {...rest}\n      ref={ref}\n      className={classnames(\"c-editor-frame__footer\", className)}\n    >\n      {children}\n    </StyledEditorFrameFooter>\n  );\n});\n\nEditorFrameFooter.displayName = \"EditorFrameFooter\";\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAoBC,UAAU,QAAQ,OAAO;AAEzD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,oBAAoB,EACpBC,iBAAiB,EACjBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,eAAe,QAAQ,6BAA6B;AAa7D,MAAMC,MAAuC,GAAG;EAC9CC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,WAAW,gBAAGV,UAAU,CACnC,CAAAW,IAAA,EAA2DC,GAAG;EAAA,IAAAC,SAAA,GAAAF,IAAA,CAA3DG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IAAEE,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBACrDrB,KAAA,CAAAsB,aAAA,CAAClB,iBAAiB,EAAAmB,QAAA,KACZJ,IAAI;IACRN,GAAG,EAAEA,GAAI;IACTW,KAAK,EAAET,IAAK;IACZU,OAAO,EAAET,MAAM,WAANA,MAAM,GAAIT,MAAM,CAACQ,IAAI,CAAE;IAChCE,SAAS,EAAEf,UAAU,CAAC,gBAAgB,EAAEe,SAAS;EAAE,IAElDC,QACgB,CAAC;AAAA,CAExB,CAAC;AAEDP,WAAW,CAACe,WAAW,GAAG,aAAa;;AAEvC;AACA,OAAO,MAAMC,iBAAiB,gBAAG1B,UAAU,CAGzC,CAAA2B,KAAA,EAAmCf,GAAG,KAAK;EAAA,IAAxCI,SAAS,GAAAW,KAAA,CAATX,SAAS;IAAEC,QAAQ,GAAAU,KAAA,CAARV,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAQ,KAAA,EAAAC,UAAA;EAC/BvB,eAAe,CAAC,0BAA0B,EAAEH,oBAAoB,CAAC;EAEjE,oBACEH,KAAA,CAAAsB,aAAA,CAACjB,uBAAuB,EAAAkB,QAAA,KAClBJ,IAAI;IACRN,GAAG,EAAEA,GAAI;IACTI,SAAS,EAAEf,UAAU,CAAC,wBAAwB,EAAEe,SAAS;EAAE,IAE1DC,QACsB,CAAC;AAE9B,CAAC,CAAC;AAEFS,iBAAiB,CAACD,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/components/EditorFrame/Styles.d.ts

@@ -0,0 +1,13 @@
+declare const LOOKS: {
+    field: import("styled-components").FlattenSimpleInterpolation;
+    card: import("styled-components").FlattenSimpleInterpolation;
+    raised: import("styled-components").FlattenSimpleInterpolation;
+};
+export declare const StyledEditorFrame: import("styled-components").StyledComponent<"div", any, {
+    $look: keyof typeof LOOKS;
+    $radius: number;
+}, never>;
+export declare const FOOTER_CONTAINER_CSS = "\n@container (min-width: 900px) {\n  .c-editor-frame__footer { padding-right: 19px; padding-left: 19px; }\n}\n";
+export declare const StyledEditorFrameFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/EditorFrame/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditorFrame/Styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,KAAK;;;;CAYV,CAAC;AAEF,eAAO,MAAM,iBAAiB;WACrB,MAAM,OAAO,KAAK;aAChB,MAAM;SAQhB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mHAIhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oEAQnC,CAAC"}

package/dist/esm/components/EditorFrame/Styles.js

@@ -0,0 +1,22 @@
+import styled, { css } from "styled-components";
+const LOOKS = {
+  field: css(["background-color:var(--color-theme-200);"]),
+  card: css(["background-color:var(--surface-bubble);box-shadow:var(--shadow-soft);"]),
+  raised: css(["background-color:var(--surface-raised);box-shadow:var(--shadow-float);"])
+};
+export const StyledEditorFrame = styled.div.withConfig({
+  displayName: "Styles__StyledEditorFrame",
+  componentId: "sc-ruvdwa-0"
+})(["position:relative;min-width:0;border:1px solid var(--border-raised);border-radius:", "px;", ""], _ref => {
+  let $radius = _ref.$radius;
+  return $radius;
+}, _ref2 => {
+  let $look = _ref2.$look;
+  return LOOKS[$look];
+});
+export const FOOTER_CONTAINER_CSS = "\n@container (min-width: 900px) {\n  .c-editor-frame__footer { padding-right: 19px; padding-left: 19px; }\n}\n";
+export const StyledEditorFrameFooter = styled.div.withConfig({
+  displayName: "Styles__StyledEditorFrameFooter",
+  componentId: "sc-ruvdwa-1"
+})(["display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:52px;padding:10px 11px;border-top:1px solid var(--border-raised);"]);
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/EditorFrame/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["styled","css","LOOKS","field","card","raised","StyledEditorFrame","div","withConfig","displayName","componentId","_ref","$radius","_ref2","$look","FOOTER_CONTAINER_CSS","StyledEditorFrameFooter"],"sources":["../../../../src/components/EditorFrame/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst LOOKS = {\n  field: css`\n    background-color: var(--color-theme-200);\n  `,\n  card: css`\n    background-color: var(--surface-bubble);\n    box-shadow: var(--shadow-soft);\n  `,\n  raised: css`\n    background-color: var(--surface-raised);\n    box-shadow: var(--shadow-float);\n  `,\n};\n\nexport const StyledEditorFrame = styled.div<{\n  $look: keyof typeof LOOKS;\n  $radius: number;\n}>`\n  position: relative;\n  min-width: 0;\n  border: 1px solid var(--border-raised);\n  border-radius: ${({ $radius }) => $radius}px;\n\n  ${({ $look }) => LOOKS[$look]}\n`;\n\nexport const FOOTER_CONTAINER_CSS = `\n@container (min-width: 900px) {\n  .c-editor-frame__footer { padding-right: 19px; padding-left: 19px; }\n}\n`;\n\nexport const StyledEditorFrameFooter = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px 12px;\n  min-height: 52px;\n  padding: 10px 11px;\n  border-top: 1px solid var(--border-raised);\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,MAAMC,KAAK,GAAG;EACZC,KAAK,EAAEF,GAAG,8CAET;EACDG,IAAI,EAAEH,GAAG,2EAGR;EACDI,MAAM,EAAEJ,GAAG;AAIb,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sGAOxBC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO;AAAA,GAEvCC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAOZ,KAAK,CAACY,KAAK,CAAC;AAAA,EAC9B;AAED,OAAO,MAAMC,oBAAoB,mHAIhC;AAED,OAAO,MAAMC,uBAAuB,GAAGhB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAQhD","ignoreList":[]}

package/dist/esm/components/EditorFrame/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./EditorFrame";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/EditorFrame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditorFrame/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/components/EditorFrame/index.js

@@ -0,0 +1,2 @@
+export * from "./EditorFrame";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditorFrame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/EditorFrame/index.ts"],"sourcesContent":["export * from \"./EditorFrame\";\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/dist/esm/components/EmptySlate/EmptySlate.d.ts

@@ -1,12 +1,17 @@
-import React, { HTMLAttributes } from "react";
+import React, { HTMLAttributes, ReactNode } from "react";
 export interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {
-    src: string;
-    alt: string;
+    /** The image. Not needed with an illustration. */
+    src?: string;
+    alt?: string;
     title: string;
     description?: string;
+    /** A drawing in place of the image, such as an inline SVG that follows the theme. */
+    illustration?: ReactNode;
+    /** "compact" is stacked and centered, with small text, for a panel. */
+    size?: "regular" | "compact";
 }
 export declare const EmptySlate: {
-    ({ title, description, src, alt, children, ...rest }: EmptySlateProps): React.JSX.Element;
+    ({ title, description, src, alt, illustration, size, children, ...rest }: EmptySlateProps): React.JSX.Element;
     Footer: {
         ({ children, ...rest }: {
             [x: string]: any;

package/dist/esm/components/EmptySlate/EmptySlate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD,eAAO,MAAM,UAAU;0DAOpB,eAAe;;;;;;;;;CAmCjB,CAAC"}
+{"version":3,"file":"EmptySlate.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B;AAKD,eAAO,MAAM,UAAU;8EASpB,eAAe;;;;;;;;;CA+CjB,CAAC"}

package/dist/esm/components/EmptySlate/EmptySlate.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["title", "description", "src", "alt", "children"];
+const _excluded = ["title", "description", "src", "alt", "illustration", "size", "children"];
 import React, { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { Container, Description, SubContainer, Title, StyledImg } from "./EmptySlate.styles";
 import { EmptySlateFooter } from "./EmptySlateFooter";
@@ -9,9 +9,14 @@ export const EmptySlate = _ref => {
   let title = _ref.title,
     description = _ref.description,
     src = _ref.src,
-    alt = _ref.alt,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? "" : _ref$alt,
+    illustration = _ref.illustration,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const compact = size === "compact";
   const imageRef = useRef(null);
   const _useState = useState(),
     loadedSrc = _useState[0],
@@ -23,19 +28,24 @@ export const EmptySlate = _ref => {
     }
   }, [markLoaded]);
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-    role: "status"
-  }), /*#__PURE__*/React.createElement(StyledImg, {
+    role: "status",
+    $compact: compact
+  }), illustration != null ? illustration : src ? /*#__PURE__*/React.createElement(StyledImg, {
     ref: imageRef,
     src: src,
     alt: alt,
     onLoad: markLoaded,
     $loaded: loadedSrc === src
-  }), /*#__PURE__*/React.createElement(SubContainer, null, /*#__PURE__*/React.createElement(Title, {
-    weight: "light",
-    variant: "Title 1"
+  }) : null, /*#__PURE__*/React.createElement(SubContainer, {
+    $compact: compact
+  }, /*#__PURE__*/React.createElement(Title, {
+    weight: compact ? "semibold" : "light",
+    variant: compact ? "Body 1" : "Title 1",
+    $compact: compact
   }, title), description && /*#__PURE__*/React.createElement(Description, {
-    color: "tertiary",
-    variant: "Body 1"
+    color: compact ? "secondary" : "tertiary",
+    variant: compact ? "Body 2" : "Body 1",
+    $compact: compact
   }, description), children));
 };
 EmptySlate.Footer = EmptySlateFooter;

package/dist/esm/components/EmptySlate/EmptySlate.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.js","names":["React","useCallback","useLayoutEffect","useRef","useState","Container","Description","SubContainer","Title","StyledImg","EmptySlateFooter","isAlreadyLoaded","image","complete","naturalWidth","EmptySlate","_ref","title","description","src","alt","children","rest","_objectWithoutPropertiesLoose","_excluded","imageRef","_useState","loadedSrc","setLoadedSrc","markLoaded","current","createElement","_extends","role","ref","onLoad","$loaded","weight","variant","color","Footer","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nconst isAlreadyLoaded = (image: HTMLImageElement | null) =>\n  !!image && image.complete && image.naturalWidth > 0;\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [loadedSrc, setLoadedSrc] = useState<string>();\n\n  const markLoaded = useCallback(() => setLoadedSrc(src), [src]);\n\n  useLayoutEffect(() => {\n    if (isAlreadyLoaded(imageRef.current)) {\n      markLoaded();\n    }\n  }, [markLoaded]);\n\n  return (\n    <Container {...rest} role=\"status\">\n      <StyledImg\n        ref={imageRef}\n        src={src}\n        alt={alt}\n        onLoad={markLoaded}\n        $loaded={loadedSrc === src}\n      />\n      <SubContainer>\n        <Title weight=\"light\" variant=\"Title 1\">\n          {title}\n        </Title>\n        {description && (\n          <Description color=\"tertiary\" variant=\"Body 1\">\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,eAAe,EACfC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SACEC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,SAAS,QACJ,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,oBAAoB;AASrD,MAAMC,eAAe,GAAIC,KAA8B,IACrD,CAAC,CAACA,KAAK,IAAIA,KAAK,CAACC,QAAQ,IAAID,KAAK,CAACE,YAAY,GAAG,CAAC;AAErD,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAOH;EAAA,IANrBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IACHC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,MAAMC,QAAQ,GAAGtB,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAAuB,SAAA,GAAkCtB,QAAQ,CAAS,CAAC;IAA7CuB,SAAS,GAAAD,SAAA;IAAEE,YAAY,GAAAF,SAAA;EAE9B,MAAMG,UAAU,GAAG5B,WAAW,CAAC,MAAM2B,YAAY,CAACT,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAE9DjB,eAAe,CAAC,MAAM;IACpB,IAAIS,eAAe,CAACc,QAAQ,CAACK,OAAO,CAAC,EAAE;MACrCD,UAAU,CAAC,CAAC;IACd;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,oBACE7B,KAAA,CAAA+B,aAAA,CAAC1B,SAAS,EAAA2B,QAAA,KAAKV,IAAI;IAAEW,IAAI,EAAC;EAAQ,iBAChCjC,KAAA,CAAA+B,aAAA,CAACtB,SAAS;IACRyB,GAAG,EAAET,QAAS;IACdN,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTe,MAAM,EAAEN,UAAW;IACnBO,OAAO,EAAET,SAAS,KAAKR;EAAI,CAC5B,CAAC,eACFnB,KAAA,CAAA+B,aAAA,CAACxB,YAAY,qBACXP,KAAA,CAAA+B,aAAA,CAACvB,KAAK;IAAC6B,MAAM,EAAC,OAAO;IAACC,OAAO,EAAC;EAAS,GACpCrB,KACI,CAAC,EACPC,WAAW,iBACVlB,KAAA,CAAA+B,aAAA,CAACzB,WAAW;IAACiC,KAAK,EAAC,UAAU;IAACD,OAAO,EAAC;EAAQ,GAC3CpB,WACU,CACd,EAEAG,QACW,CACL,CAAC;AAEhB,CAAC;AAEDN,UAAU,CAACyB,MAAM,GAAG9B,gBAAgB;AAEpCK,UAAU,CAAC0B,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"EmptySlate.js","names":["React","useCallback","useLayoutEffect","useRef","useState","Container","Description","SubContainer","Title","StyledImg","EmptySlateFooter","isAlreadyLoaded","image","complete","naturalWidth","EmptySlate","_ref","title","description","src","_ref$alt","alt","illustration","_ref$size","size","children","rest","_objectWithoutPropertiesLoose","_excluded","compact","imageRef","_useState","loadedSrc","setLoadedSrc","markLoaded","current","createElement","_extends","role","$compact","ref","onLoad","$loaded","weight","variant","color","Footer","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  /** The image. Not needed with an illustration. */\n  src?: string;\n  alt?: string;\n  title: string;\n  description?: string;\n  /** A drawing in place of the image, such as an inline SVG that follows the theme. */\n  illustration?: ReactNode;\n  /** \"compact\" is stacked and centered, with small text, for a panel. */\n  size?: \"regular\" | \"compact\";\n}\n\nconst isAlreadyLoaded = (image: HTMLImageElement | null) =>\n  !!image && image.complete && image.naturalWidth > 0;\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt = \"\",\n  illustration,\n  size = \"regular\",\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  const compact = size === \"compact\";\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [loadedSrc, setLoadedSrc] = useState<string>();\n\n  const markLoaded = useCallback(() => setLoadedSrc(src), [src]);\n\n  useLayoutEffect(() => {\n    if (isAlreadyLoaded(imageRef.current)) {\n      markLoaded();\n    }\n  }, [markLoaded]);\n\n  return (\n    <Container {...rest} role=\"status\" $compact={compact}>\n      {illustration ??\n        (src ? (\n          <StyledImg\n            ref={imageRef}\n            src={src}\n            alt={alt}\n            onLoad={markLoaded}\n            $loaded={loadedSrc === src}\n          />\n        ) : null)}\n      <SubContainer $compact={compact}>\n        <Title\n          weight={compact ? \"semibold\" : \"light\"}\n          variant={compact ? \"Body 1\" : \"Title 1\"}\n          $compact={compact}\n        >\n          {title}\n        </Title>\n        {description && (\n          <Description\n            color={compact ? \"secondary\" : \"tertiary\"}\n            variant={compact ? \"Body 2\" : \"Body 1\"}\n            $compact={compact}\n          >\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,eAAe,EACfC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SACEC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,SAAS,QACJ,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,oBAAoB;AAcrD,MAAMC,eAAe,GAAIC,KAA8B,IACrD,CAAC,CAACA,KAAK,IAAIA,KAAK,CAACC,QAAQ,IAAID,KAAK,CAACE,YAAY,GAAG,CAAC;AAErD,OAAO,MAAMC,UAAU,GAAGC,IAAA,IASH;EAAA,IARrBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAAC,QAAA,GAAAJ,IAAA,CACHK,GAAG;IAAHA,GAAG,GAAAD,QAAA,cAAG,EAAE,GAAAA,QAAA;IACRE,YAAY,GAAAN,IAAA,CAAZM,YAAY;IAAAC,SAAA,GAAAP,IAAA,CACZQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAEP,MAAMC,OAAO,GAAGL,IAAI,KAAK,SAAS;EAClC,MAAMM,QAAQ,GAAG3B,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAA4B,SAAA,GAAkC3B,QAAQ,CAAS,CAAC;IAA7C4B,SAAS,GAAAD,SAAA;IAAEE,YAAY,GAAAF,SAAA;EAE9B,MAAMG,UAAU,GAAGjC,WAAW,CAAC,MAAMgC,YAAY,CAACd,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAE9DjB,eAAe,CAAC,MAAM;IACpB,IAAIS,eAAe,CAACmB,QAAQ,CAACK,OAAO,CAAC,EAAE;MACrCD,UAAU,CAAC,CAAC;IACd;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,oBACElC,KAAA,CAAAoC,aAAA,CAAC/B,SAAS,EAAAgC,QAAA,KAAKX,IAAI;IAAEY,IAAI,EAAC,QAAQ;IAACC,QAAQ,EAAEV;EAAQ,IAClDP,YAAY,WAAZA,YAAY,GACVH,GAAG,gBACFnB,KAAA,CAAAoC,aAAA,CAAC3B,SAAS;IACR+B,GAAG,EAAEV,QAAS;IACdX,GAAG,EAAEA,GAAI;IACTE,GAAG,EAAEA,GAAI;IACToB,MAAM,EAAEP,UAAW;IACnBQ,OAAO,EAAEV,SAAS,KAAKb;EAAI,CAC5B,CAAC,GACA,IAAI,eACVnB,KAAA,CAAAoC,aAAA,CAAC7B,YAAY;IAACgC,QAAQ,EAAEV;EAAQ,gBAC9B7B,KAAA,CAAAoC,aAAA,CAAC5B,KAAK;IACJmC,MAAM,EAAEd,OAAO,GAAG,UAAU,GAAG,OAAQ;IACvCe,OAAO,EAAEf,OAAO,GAAG,QAAQ,GAAG,SAAU;IACxCU,QAAQ,EAAEV;EAAQ,GAEjBZ,KACI,CAAC,EACPC,WAAW,iBACVlB,KAAA,CAAAoC,aAAA,CAAC9B,WAAW;IACVuC,KAAK,EAAEhB,OAAO,GAAG,WAAW,GAAG,UAAW;IAC1Ce,OAAO,EAAEf,OAAO,GAAG,QAAQ,GAAG,QAAS;IACvCU,QAAQ,EAAEV;EAAQ,GAEjBX,WACU,CACd,EAEAO,QACW,CACL,CAAC;AAEhB,CAAC;AAEDV,UAAU,CAAC+B,MAAM,GAAGpC,gBAAgB;AAEpCK,UAAU,CAACgC,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts

@@ -1,13 +1,17 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SubContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface Compact {
+    $compact?: boolean;
+}
+export declare const Container: import("styled-components").StyledComponent<"div", any, Compact, never>;
+export declare const SubContainer: import("styled-components").StyledComponent<"div", any, Compact, never>;
 export declare const StyledImg: import("styled-components").StyledComponent<"img", any, {
     $loaded: boolean;
 }, never>;
 export declare const Title: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
     displayName?: string;
-}, any, {}, never>;
+}, any, Compact, never>;
 export declare const Description: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
     displayName?: string;
-}, any, {}, never>;
+}, any, Compact, never>;
 export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};
 //# sourceMappingURL=EmptySlate.styles.d.ts.map

package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,oEAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,oEAYxB,CAAC;AAEF,eAAO,MAAM,SAAS;aAAyB,OAAO;SAIrD,CAAC;AAEF,eAAO,MAAM,KAAK;;kBAOjB,CAAC;AAEF,eAAO,MAAM,WAAW;;kBAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,oEAU3B,CAAC"}
+{"version":3,"file":"EmptySlate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"names":[],"mappings":"AAKA,UAAU,OAAO;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,yEAkBrB,CAAC;AAEF,eAAO,MAAM,YAAY,yEAgBxB,CAAC;AAEF,eAAO,MAAM,SAAS;aAAyB,OAAO;SAIrD,CAAC;AAEF,eAAO,MAAM,KAAK;;uBAmBjB,CAAC;AAEF,eAAO,MAAM,WAAW;;uBAkBvB,CAAC;AAEF,eAAO,MAAM,eAAe,oEAU3B,CAAC"}

package/dist/esm/components/EmptySlate/EmptySlate.styles.js

@@ -1,14 +1,14 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { screen } from "../BreakPoints";
 import { Typography } from "../Typography/Typography";
 export const Container = styled.div.withConfig({
   displayName: "EmptySlatestyles__Container",
   componentId: "sc-jfbqky-0"
-})(["display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:24px;", "{flex-direction:row;}"], screen.lg);
+})(["display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:24px;", ""], props => props.$compact ? css(["gap:24px;"]) : css(["", "{flex-direction:row;}"], screen.lg));
 export const SubContainer = styled.div.withConfig({
   displayName: "EmptySlatestyles__SubContainer",
   componentId: "sc-jfbqky-1"
-})(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;padding-left:20px;padding-right:20px;", "{align-items:flex-start;}"], screen.lg);
+})(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;padding-left:20px;padding-right:20px;", ""], props => !props.$compact && css(["", "{align-items:flex-start;}"], screen.lg));
 export const StyledImg = styled.img.withConfig({
   displayName: "EmptySlatestyles__StyledImg",
   componentId: "sc-jfbqky-2"
@@ -19,11 +19,11 @@ export const StyledImg = styled.img.withConfig({
 export const Title = styled(Typography).withConfig({
   displayName: "EmptySlatestyles__Title",
   componentId: "sc-jfbqky-3"
-})(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], screen.lg);
+})(["margin-block-end:", ";text-align:center;", " ", ""], props => props.$compact ? "4px" : "8px", props => props.$compact && css(["&&{line-height:1.25rem;}"]), props => !props.$compact && css(["", "{text-align:start;}"], screen.lg));
 export const Description = styled(Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
   componentId: "sc-jfbqky-4"
-})(["text-align:center;", "{text-align:start;}"], screen.lg);
+})(["text-align:center;", " ", ""], props => props.$compact && css(["&&{line-height:1.125rem;}"]), props => !props.$compact && css(["", "{text-align:start;}"], screen.lg));
 export const FooterContainer = styled.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",
   componentId: "sc-jfbqky-5"

package/dist/esm/components/EmptySlate/EmptySlate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["styled","screen","Typography","Container","div","withConfig","displayName","componentId","lg","SubContainer","StyledImg","img","_ref","$loaded","Title","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n  padding-left: 20px;\n  padding-right: 20px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img<{ $loaded: boolean }>`\n  width: 280px;\n  height: 280px;\n  visibility: ${({ $loaded }) => ($loaded ? \"visible\" : \"hidden\")};\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0IAQ/BN,MAAM,CAACO,EAAE,CAGZ;AAED,OAAO,MAAMC,YAAY,GAAGT,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKASlCN,MAAM,CAACO,EAAE,CAGZ;AAED,OAAO,MAAME,SAAS,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGnBK,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,CAChE;AAED,OAAO,MAAMC,KAAK,GAAGd,MAAM,CAACE,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAInCN,MAAM,CAACO,EAAE,CAGZ;AAED,OAAO,MAAMO,WAAW,GAAGf,MAAM,CAACE,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGzCN,MAAM,CAACO,EAAE,CAGZ;AAED,OAAO,MAAMQ,eAAe,GAAGhB,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAOrCN,MAAM,CAACO,EAAE,CAGZ","ignoreList":[]}
+{"version":3,"file":"EmptySlate.styles.js","names":["styled","css","screen","Typography","Container","div","withConfig","displayName","componentId","props","$compact","lg","SubContainer","StyledImg","img","_ref","$loaded","Title","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { Typography } from \"../Typography/Typography\";\n\ninterface Compact {\n  $compact?: boolean;\n}\n\nexport const Container = styled.div<Compact>`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${(props) =>\n    props.$compact\n      ? css`\n          gap: 24px;\n        `\n      : css`\n          ${screen.lg} {\n            flex-direction: row;\n          }\n        `}\n`;\n\nexport const SubContainer = styled.div<Compact>`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n  padding-left: 20px;\n  padding-right: 20px;\n\n  ${(props) =>\n    !props.$compact &&\n    css`\n      ${screen.lg} {\n        align-items: flex-start;\n      }\n    `}\n`;\n\nexport const StyledImg = styled.img<{ $loaded: boolean }>`\n  width: 280px;\n  height: 280px;\n  visibility: ${({ $loaded }) => ($loaded ? \"visible\" : \"hidden\")};\n`;\n\nexport const Title = styled(Typography)<Compact>`\n  margin-block-end: ${(props) => (props.$compact ? \"4px\" : \"8px\")};\n  text-align: center;\n\n  ${(props) =>\n    props.$compact &&\n    css`\n      && {\n        line-height: 1.25rem;\n      }\n    `}\n\n  ${(props) =>\n    !props.$compact &&\n    css`\n      ${screen.lg} {\n        text-align: start;\n      }\n    `}\n`;\n\nexport const Description = styled(Typography)<Compact>`\n  text-align: center;\n\n  ${(props) =>\n    props.$compact &&\n    css`\n      && {\n        line-height: 1.125rem;\n      }\n    `}\n\n  ${(props) =>\n    !props.$compact &&\n    css`\n      ${screen.lg} {\n        text-align: start;\n      }\n    `}\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,UAAU,QAAQ,0BAA0B;AAMrD,OAAO,MAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qHAQ9BC,KAAK,IACNA,KAAK,CAACC,QAAQ,GACVT,GAAG,kBAGHA,GAAG,gCACCC,MAAM,CAACS,EAAE,CAGZ,CACR;AAED,OAAO,MAAMC,YAAY,GAAGZ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+IASjCC,KAAK,IACN,CAACA,KAAK,CAACC,QAAQ,IACfT,GAAG,oCACCC,MAAM,CAACS,EAAE,CAGZ,CACJ;AAED,OAAO,MAAME,SAAS,GAAGb,MAAM,CAACc,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGnBO,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,CAChE;AAED,OAAO,MAAMC,KAAK,GAAGjB,MAAM,CAACG,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DAChBC,KAAK,IAAMA,KAAK,CAACC,QAAQ,GAAG,KAAK,GAAG,KAAM,EAG5DD,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,8BAIF,EAEAQ,KAAK,IACN,CAACA,KAAK,CAACC,QAAQ,IACfT,GAAG,8BACCC,MAAM,CAACS,EAAE,CAGZ,CACJ;AAED,OAAO,MAAMO,WAAW,GAAGlB,MAAM,CAACG,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGxCC,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,+BAIF,EAEAQ,KAAK,IACN,CAACA,KAAK,CAACC,QAAQ,IACfT,GAAG,8BACCC,MAAM,CAACS,EAAE,CAGZ,CACJ;AAED,OAAO,MAAMQ,eAAe,GAAGnB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAOrCN,MAAM,CAACS,EAAE,CAGZ","ignoreList":[]}

package/dist/esm/components/FileTile/FileTile.d.ts

@@ -0,0 +1,63 @@
+import React, { ButtonHTMLAttributes, HTMLAttributes, LiHTMLAttributes, ReactNode } from "react";
+export declare const FileTileAction: import("styled-components").StyledComponent<"button", any, {}, never>;
+export interface IFileTileProps extends LiHTMLAttributes<HTMLLIElement> {
+    name: string;
+    /** A line under the name, for example the size. */
+    detail?: ReactNode;
+    /** The thumbnail or the file type icon. */
+    preview: ReactNode;
+    /** A layer over the preview, for example the upload progress. */
+    overlay?: ReactNode;
+    /** A control in the top right corner of the preview. */
+    cornerAction?: ReactNode;
+    /** A control at the end of the caption. */
+    captionAction?: ReactNode;
+    /** With it the preview is a button. */
+    onOpen?: () => void;
+    openLabel?: string;
+    /** Extra attributes for the preview button. */
+    openProps?: ButtonHTMLAttributes<HTMLButtonElement> & {
+        "data-testid"?: string;
+    };
+    /** Dims the tile and takes it out of the reach of the pointer. */
+    busy?: boolean;
+    /** The slot of a tile that the user drags: an empty placeholder. */
+    dragging?: boolean;
+}
+export declare const FileTile: React.ForwardRefExoticComponent<IFileTileProps & React.RefAttributes<HTMLLIElement>>;
+export interface IFileTileProgressProps extends HTMLAttributes<HTMLSpanElement> {
+    /** From 0 to 100. */
+    value?: number;
+    label: string;
+    /** Extra attributes for the bar. */
+    barProps?: HTMLAttributes<HTMLSpanElement> & {
+        "data-testid"?: string;
+    };
+}
+export declare const FileTileProgress: ({ value, label, barProps, ...rest }: IFileTileProgressProps) => React.JSX.Element;
+export interface IFileTileErrorProps extends HTMLAttributes<HTMLSpanElement> {
+    label: string;
+}
+export declare const FileTileError: ({ label, ...rest }: IFileTileErrorProps) => React.JSX.Element;
+export interface IFileTileUploadProps extends Omit<IFileTileProps, "overlay" | "cornerAction" | "captionAction"> {
+    /** From 0 to 100. */
+    progress?: number;
+    /** The upload runs: the tile shows the percent and the cancel control. */
+    uploading?: boolean;
+    /** The upload failed. The tile shows the alert and the retry control. */
+    failed?: boolean;
+    onCancel?: () => void;
+    onRetry?: () => void;
+    progressLabel: string;
+    errorLabel: string;
+    cancelLabel: string;
+    retryLabel: string;
+    /** Extra attributes for the parts of the tile. */
+    cancelProps?: Record<string, unknown>;
+    retryProps?: Record<string, unknown>;
+    errorProps?: Record<string, unknown>;
+    barProps?: IFileTileProgressProps["barProps"];
+}
+/** A file on its way to the server: its progress, or its failure with a retry. */
+export declare const FileTileUpload: React.ForwardRefExoticComponent<IFileTileUploadProps & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=FileTile.d.ts.map

package/dist/esm/components/FileTile/FileTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTile.d.ts","sourceRoot":"","sources":["../../../../src/components/FileTile/FileTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAqBf,eAAO,MAAM,cAAc,uEAAuB,CAAC;AAEnD,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,aAAa,CAAC;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2CAA2C;IAC3C,OAAO,EAAE,SAAS,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;QACpD,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,sFA2DpB,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;IACvC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzE;AAED,eAAO,MAAM,gBAAgB,GAAI,qCAK9B,sBAAsB,sBAWxB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,GAAI,oBAAoB,mBAAmB,sBAIpE,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC;IAC1E,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;CAC/C;AAED,kFAAkF;AAClF,eAAO,MAAM,cAAc,4FAwE1B,CAAC"}

package/dist/esm/components/FileTile/FileTile.js

@@ -0,0 +1,129 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["name", "detail", "preview", "overlay", "cornerAction", "captionAction", "onOpen", "openLabel", "openProps", "busy", "dragging", "className"],
+  _excluded2 = ["value", "label", "barProps"],
+  _excluded3 = ["label"],
+  _excluded4 = ["progress", "uploading", "failed", "onCancel", "onRetry", "progressLabel", "errorLabel", "cancelLabel", "retryLabel", "cancelProps", "retryProps", "errorProps", "barProps", "detail"];
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledFileTile, StyledFileTileAction, StyledFileTileCaption, StyledFileTileCorner, StyledFileTileDetail, StyledFileTileError, StyledFileTileName, StyledFileTileOpen, StyledFileTilePreview, StyledFileTileProgress, StyledFileTileProgressBar, StyledFileTileRetry, StyledFileTileText } from "./Styles";
+import { CancelCrossIcon, WarningIcon } from "../Icons";
+export const FileTileAction = StyledFileTileAction;
+export const FileTile = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let name = _ref.name,
+    detail = _ref.detail,
+    preview = _ref.preview,
+    overlay = _ref.overlay,
+    cornerAction = _ref.cornerAction,
+    captionAction = _ref.captionAction,
+    onOpen = _ref.onOpen,
+    openLabel = _ref.openLabel,
+    openProps = _ref.openProps,
+    _ref$busy = _ref.busy,
+    busy = _ref$busy === void 0 ? false : _ref$busy,
+    _ref$dragging = _ref.dragging,
+    dragging = _ref$dragging === void 0 ? false : _ref$dragging,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledFileTile, _extends({}, rest, {
+    ref: ref,
+    "aria-busy": busy || undefined,
+    $busy: busy,
+    $dragging: dragging,
+    className: classnames("c-file-tile", className)
+  }), /*#__PURE__*/React.createElement(StyledFileTilePreview, null, onOpen ? /*#__PURE__*/React.createElement(StyledFileTileOpen, _extends({
+    as: "button",
+    type: "button",
+    "aria-label": openLabel
+  }, openProps, {
+    onClick: onOpen,
+    $clickable: true,
+    className: "c-file-tile__open"
+  }), preview) : /*#__PURE__*/React.createElement(StyledFileTileOpen, {
+    $clickable: false
+  }, preview), overlay, cornerAction ? /*#__PURE__*/React.createElement(StyledFileTileCorner, null, cornerAction) : null), /*#__PURE__*/React.createElement(StyledFileTileCaption, {
+    className: "c-file-tile__caption"
+  }, /*#__PURE__*/React.createElement(StyledFileTileText, null, /*#__PURE__*/React.createElement(StyledFileTileName, {
+    title: name
+  }, name), detail ? /*#__PURE__*/React.createElement(StyledFileTileDetail, null, detail) : null), captionAction));
+});
+FileTile.displayName = "FileTile";
+export const FileTileProgress = _ref2 => {
+  let _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? 0 : _ref2$value,
+    label = _ref2.label,
+    barProps = _ref2.barProps,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledFileTileProgress, _extends({
+    role: "progressbar",
+    "aria-label": label,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": value
+  }, rest), /*#__PURE__*/React.createElement(StyledFileTileProgressBar, _extends({}, barProps, {
+    style: {
+      width: value + "%"
+    }
+  })));
+};
+export const FileTileError = _ref3 => {
+  let label = _ref3.label,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(StyledFileTileError, _extends({
+    role: "alert",
+    "aria-label": label
+  }, rest), /*#__PURE__*/React.createElement(WarningIcon, null));
+};
+/** A file on its way to the server: its progress, or its failure with a retry. */
+export const FileTileUpload = /*#__PURE__*/forwardRef((_ref4, ref) => {
+  let _ref4$progress = _ref4.progress,
+    progress = _ref4$progress === void 0 ? 0 : _ref4$progress,
+    _ref4$uploading = _ref4.uploading,
+    uploading = _ref4$uploading === void 0 ? false : _ref4$uploading,
+    _ref4$failed = _ref4.failed,
+    failed = _ref4$failed === void 0 ? false : _ref4$failed,
+    onCancel = _ref4.onCancel,
+    onRetry = _ref4.onRetry,
+    progressLabel = _ref4.progressLabel,
+    errorLabel = _ref4.errorLabel,
+    cancelLabel = _ref4.cancelLabel,
+    retryLabel = _ref4.retryLabel,
+    cancelProps = _ref4.cancelProps,
+    retryProps = _ref4.retryProps,
+    errorProps = _ref4.errorProps,
+    barProps = _ref4.barProps,
+    detail = _ref4.detail,
+    rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+  let line = detail;
+  if (uploading) {
+    line = progress + "%";
+  }
+  if (failed) {
+    line = /*#__PURE__*/React.createElement(StyledFileTileRetry, _extends({
+      type: "button"
+    }, retryProps, {
+      onClick: onRetry,
+      className: "c-file-tile__retry"
+    }), retryLabel);
+  }
+  return /*#__PURE__*/React.createElement(FileTile, _extends({}, rest, {
+    ref: ref,
+    detail: line,
+    overlay: failed ? /*#__PURE__*/React.createElement(FileTileError, _extends({
+      label: errorLabel
+    }, errorProps)) : /*#__PURE__*/React.createElement(FileTileProgress, {
+      value: progress,
+      label: progressLabel,
+      barProps: barProps
+    }),
+    cornerAction: (uploading || failed) && onCancel ? /*#__PURE__*/React.createElement(FileTileAction, _extends({
+      type: "button",
+      "aria-label": cancelLabel
+    }, cancelProps, {
+      onClick: onCancel,
+      className: "c-file-tile__cancel"
+    }), /*#__PURE__*/React.createElement(CancelCrossIcon, null)) : null
+  }));
+});
+FileTileUpload.displayName = "FileTileUpload";
+//# sourceMappingURL=FileTile.js.map

package/dist/esm/components/FileTile/FileTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTile.js","names":["React","forwardRef","classnames","StyledFileTile","StyledFileTileAction","StyledFileTileCaption","StyledFileTileCorner","StyledFileTileDetail","StyledFileTileError","StyledFileTileName","StyledFileTileOpen","StyledFileTilePreview","StyledFileTileProgress","StyledFileTileProgressBar","StyledFileTileRetry","StyledFileTileText","CancelCrossIcon","WarningIcon","FileTileAction","FileTile","_ref","ref","name","detail","preview","overlay","cornerAction","captionAction","onOpen","openLabel","openProps","_ref$busy","busy","_ref$dragging","dragging","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","undefined","$busy","$dragging","as","type","onClick","$clickable","title","displayName","FileTileProgress","_ref2","_ref2$value","value","label","barProps","_excluded2","role","style","width","FileTileError","_ref3","_excluded3","FileTileUpload","_ref4","_ref4$progress","progress","_ref4$uploading","uploading","_ref4$failed","failed","onCancel","onRetry","progressLabel","errorLabel","cancelLabel","retryLabel","cancelProps","retryProps","errorProps","_excluded4","line"],"sources":["../../../../src/components/FileTile/FileTile.tsx"],"sourcesContent":["import React, {\n  ButtonHTMLAttributes,\n  HTMLAttributes,\n  LiHTMLAttributes,\n  ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledFileTile,\n  StyledFileTileAction,\n  StyledFileTileCaption,\n  StyledFileTileCorner,\n  StyledFileTileDetail,\n  StyledFileTileError,\n  StyledFileTileName,\n  StyledFileTileOpen,\n  StyledFileTilePreview,\n  StyledFileTileProgress,\n  StyledFileTileProgressBar,\n  StyledFileTileRetry,\n  StyledFileTileText,\n} from \"./Styles\";\nimport { CancelCrossIcon, WarningIcon } from \"../Icons\";\n\nexport const FileTileAction = StyledFileTileAction;\n\nexport interface IFileTileProps extends LiHTMLAttributes<HTMLLIElement> {\n  name: string;\n  /** A line under the name, for example the size. */\n  detail?: ReactNode;\n  /** The thumbnail or the file type icon. */\n  preview: ReactNode;\n  /** A layer over the preview, for example the upload progress. */\n  overlay?: ReactNode;\n  /** A control in the top right corner of the preview. */\n  cornerAction?: ReactNode;\n  /** A control at the end of the caption. */\n  captionAction?: ReactNode;\n  /** With it the preview is a button. */\n  onOpen?: () => void;\n  openLabel?: string;\n  /** Extra attributes for the preview button. */\n  openProps?: ButtonHTMLAttributes<HTMLButtonElement> & {\n    \"data-testid\"?: string;\n  };\n  /** Dims the tile and takes it out of the reach of the pointer. */\n  busy?: boolean;\n  /** The slot of a tile that the user drags: an empty placeholder. */\n  dragging?: boolean;\n}\n\nexport const FileTile = forwardRef<HTMLLIElement, IFileTileProps>(\n  (\n    {\n      name,\n      detail,\n      preview,\n      overlay,\n      cornerAction,\n      captionAction,\n      onOpen,\n      openLabel,\n      openProps,\n      busy = false,\n      dragging = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => (\n    <StyledFileTile\n      {...rest}\n      ref={ref}\n      aria-busy={busy || undefined}\n      $busy={busy}\n      $dragging={dragging}\n      className={classnames(\"c-file-tile\", className)}\n    >\n      <StyledFileTilePreview>\n        {onOpen ? (\n          <StyledFileTileOpen\n            as=\"button\"\n            type=\"button\"\n            aria-label={openLabel}\n            {...openProps}\n            onClick={onOpen}\n            $clickable\n            className=\"c-file-tile__open\"\n          >\n            {preview}\n          </StyledFileTileOpen>\n        ) : (\n          <StyledFileTileOpen $clickable={false}>{preview}</StyledFileTileOpen>\n        )}\n        {overlay}\n        {cornerAction ? (\n          <StyledFileTileCorner>{cornerAction}</StyledFileTileCorner>\n        ) : null}\n      </StyledFileTilePreview>\n      <StyledFileTileCaption className=\"c-file-tile__caption\">\n        <StyledFileTileText>\n          <StyledFileTileName title={name}>{name}</StyledFileTileName>\n          {detail ? (\n            <StyledFileTileDetail>{detail}</StyledFileTileDetail>\n          ) : null}\n        </StyledFileTileText>\n        {captionAction}\n      </StyledFileTileCaption>\n    </StyledFileTile>\n  )\n);\n\nFileTile.displayName = \"FileTile\";\n\nexport interface IFileTileProgressProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /** From 0 to 100. */\n  value?: number;\n  label: string;\n  /** Extra attributes for the bar. */\n  barProps?: HTMLAttributes<HTMLSpanElement> & { \"data-testid\"?: string };\n}\n\nexport const FileTileProgress = ({\n  value = 0,\n  label,\n  barProps,\n  ...rest\n}: IFileTileProgressProps) => (\n  <StyledFileTileProgress\n    role=\"progressbar\"\n    aria-label={label}\n    aria-valuemin={0}\n    aria-valuemax={100}\n    aria-valuenow={value}\n    {...rest}\n  >\n    <StyledFileTileProgressBar {...barProps} style={{ width: `${value}%` }} />\n  </StyledFileTileProgress>\n);\n\nexport interface IFileTileErrorProps extends HTMLAttributes<HTMLSpanElement> {\n  label: string;\n}\n\nexport const FileTileError = ({ label, ...rest }: IFileTileErrorProps) => (\n  <StyledFileTileError role=\"alert\" aria-label={label} {...rest}>\n    <WarningIcon />\n  </StyledFileTileError>\n);\n\nexport interface IFileTileUploadProps\n  extends Omit<IFileTileProps, \"overlay\" | \"cornerAction\" | \"captionAction\"> {\n  /** From 0 to 100. */\n  progress?: number;\n  /** The upload runs: the tile shows the percent and the cancel control. */\n  uploading?: boolean;\n  /** The upload failed. The tile shows the alert and the retry control. */\n  failed?: boolean;\n  onCancel?: () => void;\n  onRetry?: () => void;\n  progressLabel: string;\n  errorLabel: string;\n  cancelLabel: string;\n  retryLabel: string;\n  /** Extra attributes for the parts of the tile. */\n  cancelProps?: Record<string, unknown>;\n  retryProps?: Record<string, unknown>;\n  errorProps?: Record<string, unknown>;\n  barProps?: IFileTileProgressProps[\"barProps\"];\n}\n\n/** A file on its way to the server: its progress, or its failure with a retry. */\nexport const FileTileUpload = forwardRef<HTMLLIElement, IFileTileUploadProps>(\n  (\n    {\n      progress = 0,\n      uploading = false,\n      failed = false,\n      onCancel,\n      onRetry,\n      progressLabel,\n      errorLabel,\n      cancelLabel,\n      retryLabel,\n      cancelProps,\n      retryProps,\n      errorProps,\n      barProps,\n      detail,\n      ...rest\n    },\n    ref\n  ) => {\n    let line = detail;\n\n    if (uploading) {\n      line = `${progress}%`;\n    }\n\n    if (failed) {\n      line = (\n        <StyledFileTileRetry\n          type=\"button\"\n          {...retryProps}\n          onClick={onRetry}\n          className=\"c-file-tile__retry\"\n        >\n          {retryLabel}\n        </StyledFileTileRetry>\n      );\n    }\n\n    return (\n      <FileTile\n        {...rest}\n        ref={ref}\n        detail={line}\n        overlay={\n          failed ? (\n            <FileTileError label={errorLabel} {...errorProps} />\n          ) : (\n            <FileTileProgress\n              value={progress}\n              label={progressLabel}\n              barProps={barProps}\n            />\n          )\n        }\n        cornerAction={\n          (uploading || failed) && onCancel ? (\n            <FileTileAction\n              type=\"button\"\n              aria-label={cancelLabel}\n              {...cancelProps}\n              onClick={onCancel}\n              className=\"c-file-tile__cancel\"\n            >\n              <CancelCrossIcon />\n            </FileTileAction>\n          ) : null\n        }\n      />\n    );\n  }\n);\n\nFileTileUpload.displayName = \"FileTileUpload\";\n"],"mappings":"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","ignoreList":[]}