@activecollab/components 2.0.498 → 2.0.500

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":[]}

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

@@ -0,0 +1,72 @@
+"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 FlagOutlineIcon
+ * @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 (
+ * <FlagOutlineIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <FlagOutlineIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var FlagOutlineIcon = /*#__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": "FlagOutlineIcon",
+    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: "M2.66667 10C2.66667 10 3.33333 9.33333 5.33333 9.33333C7.33333 9.33333 8.66667 10.6667 10.6667 10.6667C12.6667 10.6667 13.3333 10 13.3333 10V2C13.3333 2 12.6667 2.66667 10.6667 2.66667C8.66667 2.66667 7.33333 1.33333 5.33333 1.33333C3.33333 1.33333 2.66667 2 2.66667 2V10Z",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2.66667 14.6667V10",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+});
+FlagOutlineIcon.displayName = "FlagOutlineIcon";
+var _default = exports.default = FlagOutlineIcon;
+//# sourceMappingURL=FlagOutline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlagOutline.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","FlagOutlineIcon","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/FlagOutline.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component FlagOutlineIcon\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 * <FlagOutlineIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <FlagOutlineIcon 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 FlagOutlineIcon = 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=\"FlagOutlineIcon\"\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=\"M2.66667 10C2.66667 10 3.33333 9.33333 5.33333 9.33333C7.33333 9.33333 8.66667 10.6667 10.6667 10.6667C12.6667 10.6667 13.3333 10 13.3333 10V2C13.3333 2 12.6667 2.66667 10.6667 2.66667C8.66667 2.66667 7.33333 1.33333 5.33333 1.33333C3.33333 1.33333 2.66667 2 2.66667 2V10Z\"\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.2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M2.66667 14.6667V10\"\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.2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n);\nFlagOutlineIcon.displayName = \"FlagOutlineIcon\";\nexport default FlagOutlineIcon;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"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 LayoutColumnIcon
+ * @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 (
+ * <LayoutColumnIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayoutColumnIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var LayoutColumnIcon = /*#__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: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "LayoutColumnIcon",
+    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", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 1.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5H5Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14.25 5.5h1.5v13h-1.5z"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: 6,
+    y: 12.5,
+    width: 6.75,
+    height: 4.5,
+    rx: 0.75
+  }));
+});
+LayoutColumnIcon.displayName = "LayoutColumnIcon";
+var _default = exports.default = LayoutColumnIcon;
+//# sourceMappingURL=LayoutColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutColumn.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","LayoutColumnIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","clipRule","d","x","y","rx","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/LayoutColumn.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component LayoutColumnIcon\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 * <LayoutColumnIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <LayoutColumnIcon 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 LayoutColumnIcon = 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={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"LayoutColumnIcon\"\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        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 1.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5H5Z\"\n      />\n      <path d=\"M14.25 5.5h1.5v13h-1.5z\" />\n      <rect x={6} y={12.5} width={6.75} height={4.5} rx={0.75} />\n    </svg>\n  )\n);\nLayoutColumnIcon.displayName = \"LayoutColumnIcon\";\nexport default LayoutColumnIcon;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"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 LayoutSidebarIcon
+ * @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 (
+ * <LayoutSidebarIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayoutSidebarIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var LayoutSidebarIcon = /*#__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: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "LayoutSidebarIcon",
+    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", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 1.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5H5Z"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: 14.5,
+    y: 7,
+    width: 3.5,
+    height: 10,
+    rx: 0.75
+  }));
+});
+LayoutSidebarIcon.displayName = "LayoutSidebarIcon";
+var _default = exports.default = LayoutSidebarIcon;
+//# sourceMappingURL=LayoutSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSidebar.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","LayoutSidebarIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","clipRule","d","x","y","rx","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/LayoutSidebar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component LayoutSidebarIcon\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 * <LayoutSidebarIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <LayoutSidebarIcon 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 LayoutSidebarIcon = 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={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"LayoutSidebarIcon\"\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        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 1.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5H5Z\"\n      />\n      <rect x={14.5} y={7} width={3.5} height={10} rx={0.75} />\n    </svg>\n  )\n);\nLayoutSidebarIcon.displayName = \"LayoutSidebarIcon\";\nexport default LayoutSidebarIcon;\n"],"mappings":"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","ignoreList":[]}