@activecollab/components 2.0.497 → 2.0.499

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

@@ -4,18 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Title = exports.SubContainer = exports.StyledImg = exports.FooterContainer = exports.Description = exports.Container = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BreakPoints = require("../BreakPoints");
 var _Typography = require("../Typography/Typography");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Container = exports.Container = _styledComponents.default.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;}"], _BreakPoints.screen.lg);
+})(["display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:24px;", ""], function (props) {
+  return props.$compact ? (0, _styledComponents.css)(["gap:24px;"]) : (0, _styledComponents.css)(["", "{flex-direction:row;}"], _BreakPoints.screen.lg);
+});
 var SubContainer = exports.SubContainer = _styledComponents.default.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;}"], _BreakPoints.screen.lg);
+})(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;padding-left:20px;padding-right:20px;", ""], function (props) {
+  return !props.$compact && (0, _styledComponents.css)(["", "{align-items:flex-start;}"], _BreakPoints.screen.lg);
+});
 var StyledImg = exports.StyledImg = _styledComponents.default.img.withConfig({
   displayName: "EmptySlatestyles__StyledImg",
   componentId: "sc-jfbqky-2"
@@ -26,11 +30,21 @@ var StyledImg = exports.StyledImg = _styledComponents.default.img.withConfig({
 var Title = exports.Title = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Title",
   componentId: "sc-jfbqky-3"
-})(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
+})(["margin-block-end:", ";text-align:center;", " ", ""], function (props) {
+  return props.$compact ? "4px" : "8px";
+}, function (props) {
+  return props.$compact && (0, _styledComponents.css)(["&&{line-height:1.25rem;}"]);
+}, function (props) {
+  return !props.$compact && (0, _styledComponents.css)(["", "{text-align:start;}"], _BreakPoints.screen.lg);
+});
 var Description = exports.Description = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
   componentId: "sc-jfbqky-4"
-})(["text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
+})(["text-align:center;", " ", ""], function (props) {
+  return props.$compact && (0, _styledComponents.css)(["&&{line-height:1.125rem;}"]);
+}, function (props) {
+  return !props.$compact && (0, _styledComponents.css)(["", "{text-align:start;}"], _BreakPoints.screen.lg);
+});
 var FooterContainer = exports.FooterContainer = _styledComponents.default.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",
   componentId: "sc-jfbqky-5"

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["_styledComponents","_interopRequireDefault","require","_BreakPoints","_Typography","e","__esModule","default","Container","exports","styled","div","withConfig","displayName","componentId","screen","lg","SubContainer","StyledImg","img","_ref","$loaded","Title","Typography","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0IAQ/BC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAMC,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAGP,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKASlCC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAME,SAAS,GAAAT,OAAA,CAAAS,SAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGnB,UAAAM,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,CAChE;AAEM,IAAMC,KAAK,GAAAb,OAAA,CAAAa,KAAA,GAAG,IAAAZ,yBAAM,EAACa,sBAAU,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAInCC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAMQ,WAAW,GAAAf,OAAA,CAAAe,WAAA,GAAG,IAAAd,yBAAM,EAACa,sBAAU,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGzCC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAMS,eAAe,GAAAhB,OAAA,CAAAgB,eAAA,GAAGf,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAOrCC,mBAAM,CAACC,EAAE,CAGZ","ignoreList":[]}
+{"version":3,"file":"EmptySlate.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BreakPoints","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","exports","styled","div","withConfig","displayName","componentId","props","$compact","css","screen","lg","SubContainer","StyledImg","img","_ref","$loaded","Title","Typography","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":"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","ignoreList":[]}

package/dist/cjs/components/FileTile/FileTile.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileTileUpload = exports.FileTileProgress = exports.FileTileError = exports.FileTileAction = exports.FileTile = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _Icons = require("../Icons");
+var _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"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var FileTileAction = exports.FileTileAction = _Styles.StyledFileTileAction;
+var FileTile = exports.FileTile = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var 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 = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTile, _extends({}, rest, {
+    ref: ref,
+    "aria-busy": busy || undefined,
+    $busy: busy,
+    $dragging: dragging,
+    className: (0, _classnames.default)("c-file-tile", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTilePreview, null, onOpen ? /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileOpen, _extends({
+    as: "button",
+    type: "button",
+    "aria-label": openLabel
+  }, openProps, {
+    onClick: onOpen,
+    $clickable: true,
+    className: "c-file-tile__open"
+  }), preview) : /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileOpen, {
+    $clickable: false
+  }, preview), overlay, cornerAction ? /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileCorner, null, cornerAction) : null), /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileCaption, {
+    className: "c-file-tile__caption"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileText, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileName, {
+    title: name
+  }, name), detail ? /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileDetail, null, detail) : null), captionAction));
+});
+FileTile.displayName = "FileTile";
+var FileTileProgress = exports.FileTileProgress = function FileTileProgress(_ref2) {
+  var _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? 0 : _ref2$value,
+    label = _ref2.label,
+    barProps = _ref2.barProps,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileProgress, _extends({
+    role: "progressbar",
+    "aria-label": label,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": value
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileProgressBar, _extends({}, barProps, {
+    style: {
+      width: "".concat(value, "%")
+    }
+  })));
+};
+var FileTileError = exports.FileTileError = function FileTileError(_ref3) {
+  var label = _ref3.label,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileError, _extends({
+    role: "alert",
+    "aria-label": label
+  }, rest), /*#__PURE__*/_react.default.createElement(_Icons.WarningIcon, null));
+};
+/** A file on its way to the server: its progress, or its failure with a retry. */
+var FileTileUpload = exports.FileTileUpload = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
+  var _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 = _objectWithoutProperties(_ref4, _excluded4);
+  var line = detail;
+  if (uploading) {
+    line = "".concat(progress, "%");
+  }
+  if (failed) {
+    line = /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileRetry, _extends({
+      type: "button"
+    }, retryProps, {
+      onClick: onRetry,
+      className: "c-file-tile__retry"
+    }), retryLabel);
+  }
+  return /*#__PURE__*/_react.default.createElement(FileTile, _extends({}, rest, {
+    ref: ref,
+    detail: line,
+    overlay: failed ? /*#__PURE__*/_react.default.createElement(FileTileError, _extends({
+      label: errorLabel
+    }, errorProps)) : /*#__PURE__*/_react.default.createElement(FileTileProgress, {
+      value: progress,
+      label: progressLabel,
+      barProps: barProps
+    }),
+    cornerAction: (uploading || failed) && onCancel ? /*#__PURE__*/_react.default.createElement(FileTileAction, _extends({
+      type: "button",
+      "aria-label": cancelLabel
+    }, cancelProps, {
+      onClick: onCancel,
+      className: "c-file-tile__cancel"
+    }), /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null)) : null
+  }));
+});
+FileTileUpload.displayName = "FileTileUpload";
+//# sourceMappingURL=FileTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileTile.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Icons","_excluded","_excluded2","_excluded3","_excluded4","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","FileTileAction","exports","StyledFileTileAction","FileTile","forwardRef","_ref","ref","name","detail","preview","overlay","cornerAction","captionAction","onOpen","openLabel","openProps","_ref$busy","busy","_ref$dragging","dragging","className","rest","createElement","StyledFileTile","undefined","$busy","$dragging","classnames","StyledFileTilePreview","StyledFileTileOpen","as","type","onClick","$clickable","StyledFileTileCorner","StyledFileTileCaption","StyledFileTileText","StyledFileTileName","title","StyledFileTileDetail","displayName","FileTileProgress","_ref2","_ref2$value","value","label","barProps","StyledFileTileProgress","role","StyledFileTileProgressBar","style","width","concat","FileTileError","_ref3","StyledFileTileError","WarningIcon","FileTileUpload","_ref4","_ref4$progress","progress","_ref4$uploading","uploading","_ref4$failed","failed","onCancel","onRetry","progressLabel","errorLabel","cancelLabel","retryLabel","cancelProps","retryProps","errorProps","line","StyledFileTileRetry","CancelCrossIcon"],"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":[]}

package/dist/cjs/components/FileTile/Styles.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledFileTileText = exports.StyledFileTileRetry = exports.StyledFileTileProgressBar = exports.StyledFileTileProgress = exports.StyledFileTilePreview = exports.StyledFileTileOpen = exports.StyledFileTileName = exports.StyledFileTileError = exports.StyledFileTileDetail = exports.StyledFileTileCorner = exports.StyledFileTileCaption = exports.StyledFileTileAction = exports.StyledFileTile = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var StyledFileTileAction = exports.StyledFileTileAction = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledFileTileAction",
+  componentId: "sc-1bv6320-0"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:9999px;background-color:var(--surface-raised);cursor:pointer;pointer-events:auto;opacity:0;&:hover,&:focus-visible{background-image:linear-gradient( var(--pill-background-hover),var(--pill-background-hover) );}& svg{width:12px;height:12px;fill:var(--color-theme-900);}@media (hover:none){opacity:1;}"]);
+var StyledFileTile = exports.StyledFileTile = _styledComponents.default.li.withConfig({
+  displayName: "Styles__StyledFileTile",
+  componentId: "sc-1bv6320-1"
+})(["position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;list-style:none;border-radius:24px;background-color:var(--surface-raised);box-shadow:var(--shadow-float);&::after{content:\"\";position:absolute;inset:0;z-index:1;border:1px solid var(--border-raised);border-radius:inherit;pointer-events:none;}&:hover ", ",&:focus-within ", "{opacity:1;}", " ", ""], StyledFileTileAction, StyledFileTileAction, function (_ref) {
+  var $busy = _ref.$busy;
+  return $busy && (0, _styledComponents.css)(["opacity:0.5;pointer-events:none;"]);
+}, function (_ref2) {
+  var $dragging = _ref2.$dragging;
+  return $dragging && (0, _styledComponents.css)(["background-color:var(--color-theme-200);box-shadow:none;& > *{opacity:0;}"]);
+});
+var StyledFileTilePreview = exports.StyledFileTilePreview = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledFileTilePreview",
+  componentId: "sc-1bv6320-2"
+})(["position:relative;aspect-ratio:16 / 9;background-color:var(--body-bg-main);"]);
+var StyledFileTileOpen = exports.StyledFileTileOpen = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledFileTileOpen",
+  componentId: "sc-1bv6320-3"
+})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;", ""], function (_ref3) {
+  var $clickable = _ref3.$clickable;
+  return $clickable && "cursor: pointer;";
+});
+var StyledFileTileCorner = exports.StyledFileTileCorner = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledFileTileCorner",
+  componentId: "sc-1bv6320-4"
+})(["position:absolute;top:8px;right:8px;display:flex;"]);
+var StyledFileTileCaption = exports.StyledFileTileCaption = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledFileTileCaption",
+  componentId: "sc-1bv6320-5"
+})(["display:flex;flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 8px 0 12px;background-color:var(--body-bg-main);"]);
+var StyledFileTileText = exports.StyledFileTileText = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledFileTileText",
+  componentId: "sc-1bv6320-6"
+})(["display:flex;flex:1 1 0%;flex-direction:column;min-width:0;"]);
+var truncate = (0, _styledComponents.css)(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-theme-900);"]);
+var StyledFileTileName = exports.StyledFileTileName = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledFileTileName",
+  componentId: "sc-1bv6320-7"
+})(["", " font-size:13px;line-height:16px;font-weight:500;"], truncate);
+var StyledFileTileDetail = exports.StyledFileTileDetail = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledFileTileDetail",
+  componentId: "sc-1bv6320-8"
+})(["", " font-size:11px;line-height:14px;"], truncate);
+var StyledFileTileProgress = exports.StyledFileTileProgress = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledFileTileProgress",
+  componentId: "sc-1bv6320-9"
+})(["position:absolute;right:12px;bottom:48px;left:12px;height:3px;overflow:hidden;border-radius:9999px;background-color:var(--color-theme-300);"]);
+var StyledFileTileProgressBar = exports.StyledFileTileProgressBar = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledFileTileProgressBar",
+  componentId: "sc-1bv6320-10"
+})(["display:block;height:100%;background-color:var(--color-primary);transition:width 150ms cubic-bezier(0.4,0,0.2,1);"]);
+var StyledFileTileError = exports.StyledFileTileError = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledFileTileError",
+  componentId: "sc-1bv6320-11"
+})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:40px;background-color:var(--alert-surface-subtle);& svg{width:24px;height:24px;fill:var(--red-alert);}"]);
+var StyledFileTileRetry = exports.StyledFileTileRetry = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledFileTileRetry",
+  componentId: "sc-1bv6320-12"
+})(["padding:0;border:0;background:transparent;color:var(--red-alert);font-size:11px;line-height:14px;text-decoration:underline;cursor:pointer;pointer-events:auto;"]);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/FileTile/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledFileTileAction","exports","styled","button","withConfig","displayName","componentId","StyledFileTile","li","_ref","$busy","css","_ref2","$dragging","StyledFileTilePreview","div","StyledFileTileOpen","_ref3","$clickable","StyledFileTileCorner","StyledFileTileCaption","StyledFileTileText","span","truncate","StyledFileTileName","StyledFileTileDetail","StyledFileTileProgress","StyledFileTileProgressBar","StyledFileTileError","StyledFileTileRetry"],"sources":["../../../../src/components/FileTile/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledFileTileAction = styled.button`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  border-radius: 9999px;\n  background-color: var(--surface-raised);\n  cursor: pointer;\n  pointer-events: auto;\n  opacity: 0;\n\n  &:hover,\n  &:focus-visible {\n    background-image: linear-gradient(\n      var(--pill-background-hover),\n      var(--pill-background-hover)\n    );\n  }\n\n  & svg {\n    width: 12px;\n    height: 12px;\n    fill: var(--color-theme-900);\n  }\n\n  @media (hover: none) {\n    opacity: 1;\n  }\n`;\n\nexport const StyledFileTile = styled.li<{ $busy: boolean; $dragging: boolean }>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n  list-style: none;\n  border-radius: 24px;\n  background-color: var(--surface-raised);\n  box-shadow: var(--shadow-float);\n\n  /* The border lies over the content, so it shows on a preview image too. */\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    border: 1px solid var(--border-raised);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  &:hover ${StyledFileTileAction}, &:focus-within ${StyledFileTileAction} {\n    opacity: 1;\n  }\n\n  ${({ $busy }) =>\n    $busy &&\n    css`\n      opacity: 0.5;\n      pointer-events: none;\n    `}\n\n  ${({ $dragging }) =>\n    $dragging &&\n    css`\n      background-color: var(--color-theme-200);\n      box-shadow: none;\n\n      & > * {\n        opacity: 0;\n      }\n    `}\n`;\n\nexport const StyledFileTilePreview = styled.div`\n  position: relative;\n  aspect-ratio: 16 / 9;\n  background-color: var(--body-bg-main);\n`;\n\nexport const StyledFileTileOpen = styled.div<{ $clickable: boolean }>`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  ${({ $clickable }) => $clickable && \"cursor: pointer;\"}\n`;\n\nexport const StyledFileTileCorner = styled.div`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  display: flex;\n`;\n\nexport const StyledFileTileCaption = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 8px;\n  height: 40px;\n  padding: 0 8px 0 12px;\n  background-color: var(--body-bg-main);\n`;\n\nexport const StyledFileTileText = styled.span`\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n  min-width: 0;\n`;\n\nconst truncate = css`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--color-theme-900);\n`;\n\nexport const StyledFileTileName = styled.span`\n  ${truncate}\n  font-size: 13px;\n  line-height: 16px;\n  font-weight: 500;\n`;\n\nexport const StyledFileTileDetail = styled.span`\n  ${truncate}\n  font-size: 11px;\n  line-height: 14px;\n`;\n\nexport const StyledFileTileProgress = styled.span`\n  position: absolute;\n  right: 12px;\n  bottom: 48px;\n  left: 12px;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 9999px;\n  background-color: var(--color-theme-300);\n`;\n\nexport const StyledFileTileProgressBar = styled.span`\n  display: block;\n  height: 100%;\n  background-color: var(--color-primary);\n  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const StyledFileTileError = styled.span`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 40px;\n  background-color: var(--alert-surface-subtle);\n\n  & svg {\n    width: 24px;\n    height: 24px;\n    fill: var(--red-alert);\n  }\n`;\n\nexport const StyledFileTileRetry = styled.button`\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--red-alert);\n  font-size: 11px;\n  line-height: 14px;\n  text-decoration: underline;\n  cursor: pointer;\n  pointer-events: auto;\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FileTile/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FileTile = require("./FileTile");
+Object.keys(_FileTile).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FileTile[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FileTile[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/FileTile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FileTile","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/FileTile/index.ts"],"sourcesContent":["export * from \"./FileTile\";\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/FloatingPill/FloatingPill.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingPill = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _excluded = ["icon", "leaving", "className", "children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var FloatingPill = exports.FloatingPill = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var icon = _ref.icon,
+    _ref$leaving = _ref.leaving,
+    leaving = _ref$leaving === void 0 ? false : _ref$leaving,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFloatingPill, _extends({
+    type: "button"
+  }, rest, {
+    ref: ref,
+    $leaving: leaving,
+    tabIndex: leaving ? -1 : rest.tabIndex,
+    className: (0, _classnames.default)("c-floating-pill", className)
+  }), children, icon);
+});
+FloatingPill.displayName = "FloatingPill";
+//# sourceMappingURL=FloatingPill.js.map

package/dist/cjs/components/FloatingPill/FloatingPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPill.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","FloatingPill","exports","forwardRef","_ref","ref","icon","_ref$leaving","leaving","className","children","rest","createElement","StyledFloatingPill","type","$leaving","tabIndex","classnames","displayName"],"sources":["../../../../src/components/FloatingPill/FloatingPill.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledFloatingPill } from \"./Styles\";\n\nexport interface IFloatingPillProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** An icon after the text. */\n  icon?: ReactNode;\n  /** Fades the pill out, and takes it out of the reach of the pointer. */\n  leaving?: boolean;\n}\n\nexport const FloatingPill = forwardRef<HTMLButtonElement, IFloatingPillProps>(\n  ({ icon, leaving = false, className, children, ...rest }, ref) => (\n    <StyledFloatingPill\n      type=\"button\"\n      {...rest}\n      ref={ref}\n      $leaving={leaving}\n      tabIndex={leaving ? -1 : rest.tabIndex}\n      className={classnames(\"c-floating-pill\", className)}\n    >\n      {children}\n      {icon}\n    </StyledFloatingPill>\n  )\n);\n\nFloatingPill.displayName = \"FloatingPill\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FloatingPill/Styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledFloatingPill = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var StyledFloatingPill = exports.StyledFloatingPill = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledFloatingPill",
+  componentId: "sc-13pfbyz-0"
+})(["display:flex;align-items:center;gap:4px;height:24px;padding:0 6px 0 10px;border:0;border-radius:9999px;background-color:var(--color-secondary);color:#fff;font-family:inherit;font-size:12px;line-height:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1);& svg{fill:#fff;}&:hover{opacity:0.9;}&:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;}", " @media (prefers-reduced-motion:reduce){transition:none;}"], function (_ref) {
+  var $leaving = _ref.$leaving;
+  return $leaving && (0, _styledComponents.css)(["&&{opacity:0;pointer-events:none;}"]);
+});
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/FloatingPill/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledFloatingPill","exports","styled","button","withConfig","displayName","componentId","_ref","$leaving","css"],"sources":["../../../../src/components/FloatingPill/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledFloatingPill = styled.button<{ $leaving: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 24px;\n  padding: 0 6px 0 10px;\n  border: 0;\n  border-radius: 9999px;\n  background-color: var(--color-secondary);\n  color: #fff;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 600;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);\n\n  & svg {\n    fill: #fff;\n  }\n\n  &:hover {\n    opacity: 0.9;\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--color-secondary);\n    outline-offset: 2px;\n  }\n\n  ${({ $leaving }) =>\n    $leaving &&\n    css`\n      && {\n        opacity: 0;\n        pointer-events: none;\n      }\n    `}\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzC,IAAMmB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4eA+B3C,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,QACRC,qBAAG,yCAKF;AAAA,EAKJ","ignoreList":[]}

package/dist/cjs/components/FloatingPill/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FloatingPill = require("./FloatingPill");
+Object.keys(_FloatingPill).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FloatingPill[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FloatingPill[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/FloatingPill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FloatingPill","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/FloatingPill/index.ts"],"sourcesContent":["export * from \"./FloatingPill\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/Icons/collection/FlagFilled.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GradientDefs = require("../../GradientDefs");
+var _excluded = ["gradient"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * @component FlagFilledIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <FlagFilledIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <FlagFilledIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var FlagFilledIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var gradient = _ref.gradient,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "data-testid": "FlagFilledIcon",
+    fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M4 14V2.8",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.36,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M4 3.2H11.6L9.84 6L11.6 8.8H4V3.2Z",
+    stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.36,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+});
+FlagFilledIcon.displayName = "FlagFilledIcon";
+var _default = exports.default = FlagFilledIcon;
+//# sourceMappingURL=FlagFilled.js.map

package/dist/cjs/components/Icons/collection/FlagFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagFilled.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","FlagFilledIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/FlagFilled.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component FlagFilledIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <FlagFilledIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <FlagFilledIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst FlagFilledIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      data-testid=\"FlagFilledIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        d=\"M4 14V2.8\"\n        fill=\"none\"\n        stroke={\n          gradient\n            ? \"url(#icon-gradient)\"\n            : props?.fill\n            ? props.fill\n            : \"var(--color-theme-600)\"\n        }\n        strokeWidth={1.36}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M4 3.2H11.6L9.84 6L11.6 8.8H4V3.2Z\"\n        stroke={\n          gradient\n            ? \"url(#icon-gradient)\"\n            : props?.fill\n            ? props.fill\n            : \"var(--color-theme-600)\"\n        }\n        strokeWidth={1.36}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n);\nFlagFilledIcon.displayName = \"FlagFilledIcon\";\nexport default FlagFilledIcon;\n"],"mappings":"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","ignoreList":[]}