@activecollab/components 2.0.498 → 2.0.499

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

@@ -0,0 +1,19 @@
+export declare const StyledFileTileAction: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const StyledFileTile: import("styled-components").StyledComponent<"li", any, {
+    $busy: boolean;
+    $dragging: boolean;
+}, never>;
+export declare const StyledFileTilePreview: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileTileOpen: import("styled-components").StyledComponent<"div", any, {
+    $clickable: boolean;
+}, never>;
+export declare const StyledFileTileCorner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileTileCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileTileText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileTileName: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileTileDetail: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileTileProgress: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileTileProgressBar: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileTileError: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileTileRetry: import("styled-components").StyledComponent<"button", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/FileTile/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,uEAgChC,CAAC;AAEF,eAAO,MAAM,cAAc;WAAsB,OAAO;eAAa,OAAO;SA2C3E,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAIjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;gBAA4B,OAAO;SAYjE,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAK9B,CAAC;AASF,eAAO,MAAM,kBAAkB,qEAK9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,qEAIhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,qEASlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qEAKrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,qEAc/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,uEAU/B,CAAC"}

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

@@ -0,0 +1,64 @@
+import styled, { css } from "styled-components";
+export const StyledFileTileAction = styled.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;}"]);
+export const StyledFileTile = styled.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, _ref => {
+  let $busy = _ref.$busy;
+  return $busy && css(["opacity:0.5;pointer-events:none;"]);
+}, _ref2 => {
+  let $dragging = _ref2.$dragging;
+  return $dragging && css(["background-color:var(--color-theme-200);box-shadow:none;& > *{opacity:0;}"]);
+});
+export const StyledFileTilePreview = styled.div.withConfig({
+  displayName: "Styles__StyledFileTilePreview",
+  componentId: "sc-1bv6320-2"
+})(["position:relative;aspect-ratio:16 / 9;background-color:var(--body-bg-main);"]);
+export const StyledFileTileOpen = styled.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;", ""], _ref3 => {
+  let $clickable = _ref3.$clickable;
+  return $clickable && "cursor: pointer;";
+});
+export const StyledFileTileCorner = styled.div.withConfig({
+  displayName: "Styles__StyledFileTileCorner",
+  componentId: "sc-1bv6320-4"
+})(["position:absolute;top:8px;right:8px;display:flex;"]);
+export const StyledFileTileCaption = styled.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);"]);
+export const StyledFileTileText = styled.span.withConfig({
+  displayName: "Styles__StyledFileTileText",
+  componentId: "sc-1bv6320-6"
+})(["display:flex;flex:1 1 0%;flex-direction:column;min-width:0;"]);
+const truncate = css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-theme-900);"]);
+export const StyledFileTileName = styled.span.withConfig({
+  displayName: "Styles__StyledFileTileName",
+  componentId: "sc-1bv6320-7"
+})(["", " font-size:13px;line-height:16px;font-weight:500;"], truncate);
+export const StyledFileTileDetail = styled.span.withConfig({
+  displayName: "Styles__StyledFileTileDetail",
+  componentId: "sc-1bv6320-8"
+})(["", " font-size:11px;line-height:14px;"], truncate);
+export const StyledFileTileProgress = styled.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);"]);
+export const StyledFileTileProgressBar = styled.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);"]);
+export const StyledFileTileError = styled.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);}"]);
+export const StyledFileTileRetry = styled.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/esm/components/FileTile/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["styled","css","StyledFileTileAction","button","withConfig","displayName","componentId","StyledFileTile","li","_ref","$busy","_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":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gbAgChD;AAED,OAAO,MAAMC,cAAc,GAAGP,MAAM,CAACQ,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mYAsB3BJ,oBAAoB,EAAoBA,oBAAoB,EAIpEO,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OACRA,KAAK,IACLT,GAAG,sCAGF;AAAA,GAEDU,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTX,GAAG,+EAOF;AAAA,EACJ;AAED,OAAO,MAAMY,qBAAqB,GAAGb,MAAM,CAACc,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAI9C;AAED,OAAO,MAAMS,kBAAkB,GAAGf,MAAM,CAACc,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAWxCU,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OAAOA,UAAU,IAAI,kBAAkB;AAAA,EACvD;AAED,OAAO,MAAMC,oBAAoB,GAAGlB,MAAM,CAACc,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAK7C;AAED,OAAO,MAAMa,qBAAqB,GAAGnB,MAAM,CAACc,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAQ9C;AAED,OAAO,MAAMc,kBAAkB,GAAGpB,MAAM,CAACqB,IAAI,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAK5C;AAED,MAAMgB,QAAQ,GAAGrB,GAAG,6FAKnB;AAED,OAAO,MAAMsB,kBAAkB,GAAGvB,MAAM,CAACqB,IAAI,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DACzCgB,QAAQ,CAIX;AAED,OAAO,MAAME,oBAAoB,GAAGxB,MAAM,CAACqB,IAAI,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAC3CgB,QAAQ,CAGX;AAED,OAAO,MAAMG,sBAAsB,GAAGzB,MAAM,CAACqB,IAAI,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mJAShD;AAED,OAAO,MAAMoB,yBAAyB,GAAG1B,MAAM,CAACqB,IAAI,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAKnD;AAED,OAAO,MAAMqB,mBAAmB,GAAG3B,MAAM,CAACqB,IAAI,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8MAc7C;AAED,OAAO,MAAMsB,mBAAmB,GAAG5B,MAAM,CAACG,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sKAU/C","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React, { ButtonHTMLAttributes, ReactNode } from "react";
+export interface IFloatingPillProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** An icon after the text. */
+    icon?: ReactNode;
+    /** Fades the pill out, and takes it out of the reach of the pointer. */
+    leaving?: boolean;
+}
+export declare const FloatingPill: React.ForwardRefExoticComponent<IFloatingPillProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=FloatingPill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPill.d.ts","sourceRoot":"","sources":["../../../../src/components/FloatingPill/FloatingPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAM3E,MAAM,WAAW,kBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,8FAcxB,CAAC"}

package/dist/esm/components/FloatingPill/FloatingPill.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["icon", "leaving", "className", "children"];
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledFloatingPill } from "./Styles";
+export const FloatingPill = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let icon = _ref.icon,
+    _ref$leaving = _ref.leaving,
+    leaving = _ref$leaving === void 0 ? false : _ref$leaving,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledFloatingPill, _extends({
+    type: "button"
+  }, rest, {
+    ref: ref,
+    $leaving: leaving,
+    tabIndex: leaving ? -1 : rest.tabIndex,
+    className: classnames("c-floating-pill", className)
+  }), children, icon);
+});
+FloatingPill.displayName = "FloatingPill";
+//# sourceMappingURL=FloatingPill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPill.js","names":["React","forwardRef","classnames","StyledFloatingPill","FloatingPill","_ref","ref","icon","_ref$leaving","leaving","className","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","$leaving","tabIndex","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":";;;AAAA,OAAOA,KAAK,IAAqCC,UAAU,QAAQ,OAAO;AAE1E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,UAAU;AAU7C,OAAO,MAAMC,YAAY,gBAAGH,UAAU,CACpC,CAAAI,IAAA,EAA0DC,GAAG;EAAA,IAA1DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAEE,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBACpDd,KAAA,CAAAe,aAAA,CAACZ,kBAAkB,EAAAa,QAAA;IACjBC,IAAI,EAAC;EAAQ,GACTL,IAAI;IACRN,GAAG,EAAEA,GAAI;IACTY,QAAQ,EAAET,OAAQ;IAClBU,QAAQ,EAAEV,OAAO,GAAG,CAAC,CAAC,GAAGG,IAAI,CAACO,QAAS;IACvCT,SAAS,EAAER,UAAU,CAAC,iBAAiB,EAAEQ,SAAS;EAAE,IAEnDC,QAAQ,EACRJ,IACiB,CAAC;AAAA,CAEzB,CAAC;AAEDH,YAAY,CAACgB,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+export declare const StyledFloatingPill: import("styled-components").StyledComponent<"button", any, {
+    $leaving: boolean;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/FloatingPill/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;cAA6B,OAAO;SA2ClE,CAAC"}

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

@@ -0,0 +1,9 @@
+import styled, { css } from "styled-components";
+export const StyledFloatingPill = styled.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;}"], _ref => {
+  let $leaving = _ref.$leaving;
+  return $leaving && css(["&&{opacity:0;pointer-events:none;}"]);
+});
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["styled","css","StyledFloatingPill","button","withConfig","displayName","componentId","_ref","$leaving"],"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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4eA+B3CC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRP,GAAG,wCAKF;AAAA,EAKJ","ignoreList":[]}

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

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

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

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

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

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

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

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

package/dist/esm/components/Icons/collection/FlagFilled.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @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
+ */
+declare const FlagFilledIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default FlagFilledIcon;
+//# sourceMappingURL=FlagFilled.d.ts.map

package/dist/esm/components/Icons/collection/FlagFilled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagFilled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/FlagFilled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CAmDtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,64 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @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
+ */
+const FlagFilledIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.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.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4 14V2.8",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.36,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4 3.2H11.6L9.84 6L11.6 8.8H4V3.2Z",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.36,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+});
+FlagFilledIcon.displayName = "FlagFilledIcon";
+export default FlagFilledIcon;
+//# sourceMappingURL=FlagFilled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlagFilled.js","names":["React","GradientDefs","FlagFilledIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,CAAC,EAAC,WAAW;IACbF,IAAI,EAAC,MAAM;IACXG,MAAM,EACJb,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDI,WAAW,EAAE,IAAK;IAClBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CAAC,eACFtB,KAAA,CAAAU,aAAA;IACEQ,CAAC,EAAC,oCAAoC;IACtCC,MAAM,EACJb,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDI,WAAW,EAAE,IAAK;IAClBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CACE,CAAC;AAAA,CAEV,CAAC;AACDpB,cAAc,CAACqB,WAAW,GAAG,gBAAgB;AAC7C,eAAerB,cAAc","ignoreList":[]}

package/dist/esm/components/Icons/collection/FlagOutline.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @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
+ */
+declare const FlagOutlineIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default FlagOutlineIcon;
+//# sourceMappingURL=FlagOutline.d.ts.map

package/dist/esm/components/Icons/collection/FlagOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagOutline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/FlagOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,eAAe;eAMJ,MAAM;+CAoDtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @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
+ */
+const FlagOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.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.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.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.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2.66667 14.6667V10",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    strokeWidth: 1.2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+});
+FlagOutlineIcon.displayName = "FlagOutlineIcon";
+export default FlagOutlineIcon;
+//# sourceMappingURL=FlagOutline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlagOutline.js","names":["React","GradientDefs","FlagOutlineIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CACtC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,iBAAiB;IAC7BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,CAAC,EAAC,kRAAkR;IACpRF,IAAI,EAAC,MAAM;IACXG,MAAM,EACJb,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDI,WAAW,EAAE,GAAI;IACjBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CAAC,eACFtB,KAAA,CAAAU,aAAA;IACEQ,CAAC,EAAC,qBAAqB;IACvBF,IAAI,EAAC,MAAM;IACXG,MAAM,EACJb,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDI,WAAW,EAAE,GAAI;IACjBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CACE,CAAC;AAAA,CAEV,CAAC;AACDpB,eAAe,CAACqB,WAAW,GAAG,iBAAiB;AAC/C,eAAerB,eAAe","ignoreList":[]}

package/dist/esm/components/Icons/collection/LayoutColumn.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @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
+ */
+declare const LayoutColumnIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default LayoutColumnIcon;
+//# sourceMappingURL=LayoutColumn.d.ts.map

package/dist/esm/components/Icons/collection/LayoutColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/LayoutColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,gBAAgB;eAML,MAAM;+CA+BtB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @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
+ */
+const LayoutColumnIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.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.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.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.createElement("path", {
+    d: "M14.25 5.5h1.5v13h-1.5z"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 6,
+    y: 12.5,
+    width: 6.75,
+    height: 4.5,
+    rx: 0.75
+  }));
+});
+LayoutColumnIcon.displayName = "LayoutColumnIcon";
+export default LayoutColumnIcon;
+//# sourceMappingURL=LayoutColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutColumn.js","names":["React","GradientDefs","LayoutColumnIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","clipRule","d","x","y","rx","displayName"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAA4J,CAC/J,CAAC,eACFpB,KAAA,CAAAU,aAAA;IAAMU,CAAC,EAAC;EAAyB,CAAE,CAAC,eACpCpB,KAAA,CAAAU,aAAA;IAAMW,CAAC,EAAE,CAAE;IAACC,CAAC,EAAE,IAAK;IAACT,KAAK,EAAE,IAAK;IAACC,MAAM,EAAE,GAAI;IAACS,EAAE,EAAE;EAAK,CAAE,CACvD,CAAC;AAAA,CAEV,CAAC;AACDrB,gBAAgB,CAACsB,WAAW,GAAG,kBAAkB;AACjD,eAAetB,gBAAgB","ignoreList":[]}

package/dist/esm/components/Icons/collection/LayoutSidebar.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @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
+ */
+declare const LayoutSidebarIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default LayoutSidebarIcon;
+//# sourceMappingURL=LayoutSidebar.d.ts.map

package/dist/esm/components/Icons/collection/LayoutSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/LayoutSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,iBAAiB;eAMN,MAAM;+CA8BtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}