@activecollab/components 2.0.498 → 2.0.499

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

@@ -11,15 +11,57 @@ var _Icons = require("../Icons");
 var _Trigger = require("../Trigger");
 var _Styles = require("../Typography/Styles");
 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 ChipTrigger = exports.ChipTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+  displayName: "Styles__ChipTrigger",
+  componentId: "sc-7s0bd1-0"
+})(["align-items:center;display:flex;justify-content:center;margin-left:0.125rem;&:hover{background-color:var(--color-theme-transparent-400);}", " ", " ", " ", " ", " ", ""], function (props) {
+  return props.size === "regular" && (0, _styledComponents.css)(["height:24px;width:24px;"]);
+}, function (props) {
+  return props.size === "small" && (0, _styledComponents.css)(["height:18px;width:18px;"]);
+}, function (props) {
+  return props.size === "tiny" && (0, _styledComponents.css)(["height:16.5px;width:16.5px;"]);
+}, function (props) {
+  return props.size === "compact" && (0, _styledComponents.css)(["height:20px;width:20px;"]);
+}, function (props) {
+  return props.size === "big" && (0, _styledComponents.css)(["height:30px;width:30px;"]);
+}, function (props) {
+  return props.size === "biggest" && (0, _styledComponents.css)(["height:40px;width:40px;"]);
+});
+ChipTrigger.displayName = "ChipTrigger";
+var RADIUS = {
+  rounded: "0.25rem",
+  soft: "0.375rem",
+  pill: "9999px"
+};
+var TONES = {
+  neutral: (0, _styledComponents.css)(["background-color:var(--pill-background);color:var(--color-theme-700);"]),
+  muted: (0, _styledComponents.css)(["background-color:var(--color-theme-200);color:var(--color-theme-700);"]),
+  info: (0, _styledComponents.css)(["background-color:#a0cbfd1a;border:1px solid #a0cbfd;color:#568ccb;"]),
+  primary: (0, _styledComponents.css)(["background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);"]),
+  bordered: (0, _styledComponents.css)(["background-color:var(--color-theme-200);border:1px solid var(--border-primary);color:var(--color-theme-900);"]),
+  warning: (0, _styledComponents.css)(["background-color:var(--note-bg);color:var(--warning-text);"]),
+  alert: (0, _styledComponents.css)(["background-color:var(--alert-surface-subtle);color:var(--red-alert);"]),
+  success: (0, _styledComponents.css)(["background-color:var(--success-surface);color:var(--color-sucess-green);"])
+};
 // prettier-ignore
 var ChipContainer = exports.ChipContainer = _styledComponents.default.div.withConfig({
   displayName: "Styles__ChipContainer",
-  componentId: "sc-7s0bd1-0"
-})(["align-items:center;border-radius:0.25rem;display:flex;height:1.5rem;max-width:220px;overflow:hidden;padding-left:0.375rem;", " ", " background-color:var(--color-theme-400);color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;line-height:1.375;", "{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _Styles.StyledTypography, function (_ref) {
-  var color = _ref.color;
-  return color && (0, _styledComponents.css)(["", "{color:", ";}"], _Styles.StyledTypography, color);
+  componentId: "sc-7s0bd1-1"
+})(["align-items:center;border-radius:", ";display:flex;height:1.5rem;max-width:220px;overflow:hidden;padding-left:0.375rem;", " ", " background-color:var(--color-theme-400);color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;line-height:1.375;", "{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (props) {
+  var _props$$shape;
+  return RADIUS[(_props$$shape = props.$shape) !== null && _props$$shape !== void 0 ? _props$$shape : "rounded"];
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _Styles.StyledTypography, function (props) {
+  return props.$tone && TONES[props.$tone];
+}, function (props) {
+  return props.$tone && (0, _styledComponents.css)(["", "{color:inherit;}svg{fill:currentColor;}"], _Styles.StyledTypography);
+}, function (_ref) {
+  var $tint = _ref.$tint;
+  return $tint && (0, _styledComponents.css)(["background-color:color-mix(in srgb,", " 13%,transparent);", "{color:", ";}"], $tint, _Styles.StyledTypography, $tint);
 }, function (_ref2) {
-  var backgroundColor = _ref2.backgroundColor;
+  var color = _ref2.color;
+  return color && (0, _styledComponents.css)(["", "{color:", ";}"], _Styles.StyledTypography, color);
+}, function (_ref3) {
+  var backgroundColor = _ref3.backgroundColor;
   return backgroundColor && (0, _styledComponents.css)(["background-color:", ";"], backgroundColor);
 }, function (props) {
   return props.showClose ? null : (0, _styledComponents.css)(["padding-right:0.375rem;"]);
@@ -27,6 +69,13 @@ var ChipContainer = exports.ChipContainer = _styledComponents.default.div.withCo
   return props.size === "regular" && (0, _styledComponents.css)(["height:24px;"]);
 }, function (props) {
   return props.size === "small" && (0, _styledComponents.css)(["height:18px;"]);
+}, function (props) {
+  return props.size === "compact" && (0, _styledComponents.css)(["height:20px;padding-left:0.5rem;", ""], props.showClose ? "" : "padding-right: 0.5rem;");
+}, function (props) {
+  return props.size === "tiny" && (0, _styledComponents.css)(["height:16.5px;padding-left:0.25rem;", ""], props.showClose ? "" : "padding-right: 0.25rem;");
+}, function (props) {
+  var _props$backgroundColo, _props$backgroundColo2;
+  return props.$closeMode === "overlay" && (0, _styledComponents.css)(["position:relative;padding-right:0.375rem;", "{position:absolute;top:0;right:0;bottom:0;height:auto;margin:0;border-radius:0 inherit inherit 0;opacity:0;background-color:var(--chip-surface,var(--surface-raised));background-image:linear-gradient( ", ",", " );}&:hover ", ",", ":focus-visible{opacity:1;}"], ChipTrigger, props.$tint ? "color-mix(in srgb, ".concat(props.$tint, " 13%, transparent)") : (_props$backgroundColo = props.backgroundColor) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : "transparent", props.$tint ? "color-mix(in srgb, ".concat(props.$tint, " 13%, transparent)") : (_props$backgroundColo2 = props.backgroundColor) !== null && _props$backgroundColo2 !== void 0 ? _props$backgroundColo2 : "transparent", ChipTrigger, ChipTrigger);
 }, function (props) {
   return props.size === "big" && (0, _styledComponents.css)(["height:30px;"]);
 }, function (props) {
@@ -35,22 +84,9 @@ var ChipContainer = exports.ChipContainer = _styledComponents.default.div.withCo
 ChipContainer.displayName = "ChipContainer";
 var ChipLabel = exports.ChipLabel = _styledComponents.default.span.withConfig({
   displayName: "Styles__ChipLabel",
-  componentId: "sc-7s0bd1-1"
+  componentId: "sc-7s0bd1-2"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;"]);
 ChipLabel.displayName = "ChipLabel";
-var ChipTrigger = exports.ChipTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
-  displayName: "Styles__ChipTrigger",
-  componentId: "sc-7s0bd1-2"
-})(["align-items:center;display:flex;justify-content:center;margin-left:0.125rem;&:hover{background-color:var(--color-theme-transparent-400);}", " ", " ", " ", ""], function (props) {
-  return props.size === "regular" && (0, _styledComponents.css)(["height:24px;width:24px;"]);
-}, function (props) {
-  return props.size === "small" && (0, _styledComponents.css)(["height:18px;width:18px;"]);
-}, function (props) {
-  return props.size === "big" && (0, _styledComponents.css)(["height:30px;width:30px;"]);
-}, function (props) {
-  return props.size === "biggest" && (0, _styledComponents.css)(["height:40px;width:40px;"]);
-});
-ChipTrigger.displayName = "ChipTrigger";
 var ChipCloseIcon = exports.ChipCloseIcon = (0, _styledComponents.default)(_Icons.CloseSmallIcon).withConfig({
   displayName: "Styles__ChipCloseIcon",
   componentId: "sc-7s0bd1-3"

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Icons","_Trigger","_Styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChipContainer","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledTypography","_ref","color","css","_ref2","backgroundColor","props","showClose","size","ChipLabel","span","ChipTrigger","Trigger","ChipCloseIcon","CloseSmallIcon"],"sources":["../../../../src/components/Chip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { ChipProps } from \"./Chip\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { StyledTypography } from \"../Typography/Styles\";\n\n// prettier-ignore\nexport const ChipContainer = styled.div<Partial<ChipProps> & { showClose: boolean }>`\n  align-items: center;\n  border-radius: 0.25rem;\n  display: flex;\n  height: 1.5rem;\n  max-width: 220px;\n  overflow: hidden;\n  padding-left: 0.375rem;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  background-color: var(--color-theme-400);\n  color: var(--color-theme-900);\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  line-height: 1.375;\n\n  ${StyledTypography} {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  ${({ color }) =>\n    color &&\n    css`\n      ${StyledTypography} {\n        color: ${color};\n      }\n    `}\n\n  ${({ backgroundColor }) =>\n    backgroundColor &&\n    css`\n      background-color: ${backgroundColor};\n    `}\n\n  ${(props) =>\n    props.showClose\n      ? null\n      : css`\n          padding-right: 0.375rem;\n        `}\n\n  ${(props) =>\n    props.size === \"regular\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 18px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 30px;\n    `}\n\n    ${(props) =>\n      props.size === \"biggest\" &&\n      css`\n        height: 40px;\n      `}\n`;\n\nChipContainer.displayName = \"ChipContainer\";\n\nexport const ChipLabel = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n`;\n\nChipLabel.displayName = \"ChipLabel\";\n\nexport const ChipTrigger = styled(Trigger)<Pick<ChipProps, \"size\">>`\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin-left: 0.125rem;\n\n  &:hover {\n    background-color: var(--color-theme-transparent-400);\n  }\n\n  ${(props) =>\n    props.size === \"regular\" &&\n    css`\n      height: 24px;\n      width: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 18px;\n      width: 18px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 30px;\n      width: 30px;\n    `}\n\n    ${(props) =>\n    props.size === \"biggest\" &&\n    css`\n      height: 40px;\n      width: 40px;\n    `}\n`;\n\nChipTrigger.displayName = \"ChipTrigger\";\n\nexport const ChipCloseIcon = styled(CloseSmallIcon)`\n  color: var(--color-theme-700);\n`;\n\nChipCloseIcon.displayName = \"ChipCloseIcon\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Icons","_Trigger","_Styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChipTrigger","exports","styled","Trigger","withConfig","displayName","componentId","props","size","css","RADIUS","rounded","soft","pill","TONES","neutral","muted","info","primary","bordered","warning","alert","success","ChipContainer","div","_props$$shape","$shape","FontStyle","BoxSizingStyle","StyledTypography","$tone","_ref","$tint","_ref2","color","_ref3","backgroundColor","showClose","_props$backgroundColo","_props$backgroundColo2","$closeMode","concat","ChipLabel","span","ChipCloseIcon","CloseSmallIcon"],"sources":["../../../../src/components/Chip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { ChipProps } from \"./Chip\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { StyledTypography } from \"../Typography/Styles\";\n\nexport const ChipTrigger = styled(Trigger)<Pick<ChipProps, \"size\">>`\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin-left: 0.125rem;\n\n  &:hover {\n    background-color: var(--color-theme-transparent-400);\n  }\n\n  ${(props) =>\n    props.size === \"regular\" &&\n    css`\n      height: 24px;\n      width: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 18px;\n      width: 18px;\n    `}\n\n  ${(props) =>\n    props.size === \"tiny\" &&\n    css`\n      height: 16.5px;\n      width: 16.5px;\n    `}\n\n  ${(props) =>\n    props.size === \"compact\" &&\n    css`\n      height: 20px;\n      width: 20px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 30px;\n      width: 30px;\n    `}\n\n    ${(props) =>\n    props.size === \"biggest\" &&\n    css`\n      height: 40px;\n      width: 40px;\n    `}\n`;\n\nChipTrigger.displayName = \"ChipTrigger\";\n\nconst RADIUS = { rounded: \"0.25rem\", soft: \"0.375rem\", pill: \"9999px\" };\n\nconst TONES = {\n  neutral: css`\n    background-color: var(--pill-background);\n    color: var(--color-theme-700);\n  `,\n  muted: css`\n    background-color: var(--color-theme-200);\n    color: var(--color-theme-700);\n  `,\n  info: css`\n    background-color: #a0cbfd1a;\n    border: 1px solid #a0cbfd;\n    color: #568ccb;\n  `,\n  primary: css`\n    background-color: color-mix(in srgb, var(--color-primary) 15%, transparent);\n    color: var(--color-primary);\n  `,\n  bordered: css`\n    background-color: var(--color-theme-200);\n    border: 1px solid var(--border-primary);\n    color: var(--color-theme-900);\n  `,\n  warning: css`\n    background-color: var(--note-bg);\n    color: var(--warning-text);\n  `,\n  alert: css`\n    background-color: var(--alert-surface-subtle);\n    color: var(--red-alert);\n  `,\n  success: css`\n    background-color: var(--success-surface);\n    color: var(--color-sucess-green);\n  `,\n};\n\ninterface ChipLook {\n  showClose: boolean;\n  $shape?: ChipProps[\"shape\"];\n  $tone?: ChipProps[\"tone\"];\n  $tint?: string;\n  $closeMode?: ChipProps[\"closeMode\"];\n}\n\n// prettier-ignore\nexport const ChipContainer = styled.div<Partial<ChipProps> & ChipLook>`\n  align-items: center;\n  border-radius: ${(props) => RADIUS[props.$shape ?? \"rounded\"]};\n  display: flex;\n  height: 1.5rem;\n  max-width: 220px;\n  overflow: hidden;\n  padding-left: 0.375rem;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  background-color: var(--color-theme-400);\n  color: var(--color-theme-900);\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  line-height: 1.375;\n\n  ${StyledTypography} {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  ${(props) => props.$tone && TONES[props.$tone]}\n\n  ${(props) =>\n    props.$tone &&\n    css`\n      ${StyledTypography} {\n        color: inherit;\n      }\n\n      svg {\n        fill: currentColor;\n      }\n    `}\n\n  ${({ $tint }) =>\n    $tint &&\n    css`\n      background-color: color-mix(in srgb, ${$tint} 13%, transparent);\n\n      ${StyledTypography} {\n        color: ${$tint};\n      }\n    `}\n\n  ${({ color }) =>\n    color &&\n    css`\n      ${StyledTypography} {\n        color: ${color};\n      }\n    `}\n\n  ${({ backgroundColor }) =>\n    backgroundColor &&\n    css`\n      background-color: ${backgroundColor};\n    `}\n\n  ${(props) =>\n    props.showClose\n      ? null\n      : css`\n          padding-right: 0.375rem;\n        `}\n\n  ${(props) =>\n    props.size === \"regular\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 18px;\n    `}\n\n  ${(props) =>\n    props.size === \"compact\" &&\n    css`\n      height: 20px;\n      padding-left: 0.5rem;\n      ${props.showClose ? \"\" : \"padding-right: 0.5rem;\"}\n    `}\n\n  ${(props) =>\n    props.size === \"tiny\" &&\n    css`\n      height: 16.5px;\n      padding-left: 0.25rem;\n      ${props.showClose ? \"\" : \"padding-right: 0.25rem;\"}\n    `}\n\n  ${(props) =>\n    props.$closeMode === \"overlay\" &&\n    css`\n      position: relative;\n      padding-right: 0.375rem;\n\n      ${ChipTrigger} {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        height: auto;\n        margin: 0;\n        border-radius: 0 inherit inherit 0;\n        opacity: 0;\n        background-color: var(--chip-surface, var(--surface-raised));\n        background-image: linear-gradient(\n          ${props.$tint\n            ? `color-mix(in srgb, ${props.$tint} 13%, transparent)`\n            : props.backgroundColor ?? \"transparent\"},\n          ${props.$tint\n            ? `color-mix(in srgb, ${props.$tint} 13%, transparent)`\n            : props.backgroundColor ?? \"transparent\"}\n        );\n      }\n\n      &:hover ${ChipTrigger}, ${ChipTrigger}:focus-visible {\n        opacity: 1;\n      }\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 30px;\n    `}\n\n    ${(props) =>\n      props.size === \"biggest\" &&\n      css`\n        height: 40px;\n      `}\n`;\n\nChipContainer.displayName = \"ChipContainer\";\n\nexport const ChipLabel = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n`;\n\nChipLabel.displayName = \"ChipLabel\";\n\nexport const ChipCloseIcon = styled(CloseSmallIcon)`\n  color: var(--color-theme-700);\n`;\n\nChipCloseIcon.displayName = \"ChipCloseIcon\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,4 +14,15 @@ Object.keys(_Chip).forEach(function (key) {
     }
   });
 });
+var _ChipGroup = require("./ChipGroup");
+Object.keys(_ChipGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChipGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChipGroup[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Chip","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Chip/index.ts"],"sourcesContent":["export * from \"./Chip\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Chip","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ChipGroup"],"sources":["../../../../src/components/Chip/index.ts"],"sourcesContent":["export * from \"./Chip\";\nexport * from \"./ChipGroup\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/ClampedContent/ClampedContent.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClampedContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _useLongPress = require("../../hooks/useLongPress");
+var _excluded = ["maxHeight", "slack", "moreLabel", "lessLabel", "expanded", "defaultExpanded", "onExpandedChange", "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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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 isKeyboardFocus = function isKeyboardFocus(node) {
+  try {
+    return node.matches(":focus-visible");
+  } catch (_error) {
+    return false;
+  }
+};
+var ClampedContent = exports.ClampedContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? 288 : _ref$maxHeight,
+    _ref$slack = _ref.slack,
+    slack = _ref$slack === void 0 ? 48 : _ref$slack,
+    moreLabel = _ref.moreLabel,
+    lessLabel = _ref.lessLabel,
+    controlled = _ref.expanded,
+    _ref$defaultExpanded = _ref.defaultExpanded,
+    defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
+    onExpandedChange = _ref.onExpandedChange,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var frameId = (0, _react.useId)();
+  var frameRef = (0, _react.useRef)(null);
+  var contentRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    overflows = _useState2[0],
+    setOverflows = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullHeight = _useState4[0],
+    setFullHeight = _useState4[1];
+  var _useState5 = (0, _react.useState)(defaultExpanded),
+    _useState6 = _slicedToArray(_useState5, 2),
+    own = _useState6[0],
+    setOwn = _useState6[1];
+  var expanded = controlled !== null && controlled !== void 0 ? controlled : own;
+  var setExpanded = (0, _react.useCallback)(function (next) {
+    setOwn(next);
+    onExpandedChange === null || onExpandedChange === void 0 || onExpandedChange(next);
+  }, [onExpandedChange]);
+  var measure = (0, _react.useCallback)(function () {
+    var frame = frameRef.current;
+    if (frame) {
+      setOverflows(frame.scrollHeight > maxHeight + slack);
+      setFullHeight(frame.scrollHeight);
+    }
+  }, [maxHeight, slack]);
+  (0, _react.useLayoutEffect)(measure);
+
+  // Images load late, so the height of the content is watched.
+  (0, _react.useEffect)(function () {
+    if (typeof ResizeObserver === "undefined" || !contentRef.current) {
+      return undefined;
+    }
+
+    // eslint-disable-next-line compat/compat
+    var observer = new ResizeObserver(measure);
+    observer.observe(contentRef.current);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [measure]);
+  var clamped = overflows && !expanded;
+
+  // A click on a link, an image or a selection keeps its own meaning.
+  var handleClick = (0, _react.useCallback)(function (event) {
+    if (!event.target.closest(_useLongPress.PRESS_IGNORED) && !(0, _useLongPress.hasSelectedText)()) {
+      setExpanded(true);
+    }
+  }, [setExpanded]);
+
+  // A link under the cut must not take the keyboard focus unseen.
+  var handleFocus = (0, _react.useCallback)(function (event) {
+    if (isKeyboardFocus(event.target)) {
+      setExpanded(true);
+    }
+  }, [setExpanded]);
+  var toggle = (0, _react.useCallback)(function () {
+    return setExpanded(!expanded);
+  }, [expanded, setExpanded]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledClampedContent, _extends({}, rest, {
+    ref: ref,
+    className: (0, _classnames.default)("c-clamped-content", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledClampedContentFrame, {
+    id: frameId,
+    ref: frameRef,
+    $overflows: overflows,
+    $clamped: clamped,
+    $slack: slack,
+    "data-clamped": clamped,
+    onFocus: clamped ? handleFocus : undefined,
+    onClick: clamped ? handleClick : undefined,
+    style: overflows ? {
+      maxHeight: expanded ? fullHeight : maxHeight
+    } : undefined,
+    className: "c-clamped-content__frame"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: contentRef
+  }, children)), overflows ? /*#__PURE__*/_react.default.createElement(_Styles.StyledClampedContentToggle, {
+    type: "button",
+    onClick: toggle,
+    "aria-expanded": expanded,
+    "aria-controls": frameId,
+    className: "c-clamped-content__toggle"
+  }, expanded ? lessLabel : moreLabel) : null);
+});
+ClampedContent.displayName = "ClampedContent";
+//# sourceMappingURL=ClampedContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClampedContent.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useLongPress","_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","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","isKeyboardFocus","node","matches","_error","ClampedContent","exports","forwardRef","_ref","ref","_ref$maxHeight","maxHeight","_ref$slack","slack","moreLabel","lessLabel","controlled","expanded","_ref$defaultExpanded","defaultExpanded","onExpandedChange","className","children","rest","frameId","useId","frameRef","useRef","contentRef","_useState","useState","_useState2","overflows","setOverflows","_useState3","_useState4","fullHeight","setFullHeight","_useState5","_useState6","own","setOwn","setExpanded","useCallback","measure","frame","current","scrollHeight","useLayoutEffect","useEffect","ResizeObserver","undefined","observer","observe","disconnect","clamped","handleClick","event","target","closest","PRESS_IGNORED","hasSelectedText","handleFocus","toggle","createElement","StyledClampedContent","classnames","StyledClampedContentFrame","id","$overflows","$clamped","$slack","onFocus","onClick","style","StyledClampedContentToggle","type","displayName"],"sources":["../../../../src/components/ClampedContent/ClampedContent.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledClampedContent,\n  StyledClampedContentFrame,\n  StyledClampedContentToggle,\n} from \"./Styles\";\nimport { PRESS_IGNORED, hasSelectedText } from \"../../hooks/useLongPress\";\n\nexport interface IClampedContentProps extends HTMLAttributes<HTMLDivElement> {\n  /** The height of the clamp, in pixels. */\n  maxHeight?: number;\n  /** Content up to this much taller than the clamp shows whole. */\n  slack?: number;\n  /** The text of the control that opens the content. */\n  moreLabel: ReactNode;\n  /** The text of the control that closes the content. */\n  lessLabel: ReactNode;\n  /** Controlled state. Without it the component keeps its own state. */\n  expanded?: boolean;\n  /** The first state of an uncontrolled component. */\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n}\n\nconst isKeyboardFocus = (node: Element) => {\n  try {\n    return node.matches(\":focus-visible\");\n  } catch (_error) {\n    return false;\n  }\n};\n\nexport const ClampedContent = forwardRef<HTMLDivElement, IClampedContentProps>(\n  (\n    {\n      maxHeight = 288,\n      slack = 48,\n      moreLabel,\n      lessLabel,\n      expanded: controlled,\n      defaultExpanded = false,\n      onExpandedChange,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const frameId = useId();\n    const frameRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [overflows, setOverflows] = useState(false);\n    const [fullHeight, setFullHeight] = useState(0);\n    const [own, setOwn] = useState(defaultExpanded);\n    const expanded = controlled ?? own;\n\n    const setExpanded = useCallback(\n      (next: boolean) => {\n        setOwn(next);\n        onExpandedChange?.(next);\n      },\n      [onExpandedChange]\n    );\n\n    const measure = useCallback(() => {\n      const frame = frameRef.current;\n\n      if (frame) {\n        setOverflows(frame.scrollHeight > maxHeight + slack);\n        setFullHeight(frame.scrollHeight);\n      }\n    }, [maxHeight, slack]);\n\n    useLayoutEffect(measure);\n\n    // Images load late, so the height of the content is watched.\n    useEffect(() => {\n      if (typeof ResizeObserver === \"undefined\" || !contentRef.current) {\n        return undefined;\n      }\n\n      // eslint-disable-next-line compat/compat\n      const observer = new ResizeObserver(measure);\n\n      observer.observe(contentRef.current);\n\n      return () => observer.disconnect();\n    }, [measure]);\n\n    const clamped = overflows && !expanded;\n\n    // A click on a link, an image or a selection keeps its own meaning.\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (\n          !(event.target as Element).closest(PRESS_IGNORED) &&\n          !hasSelectedText()\n        ) {\n          setExpanded(true);\n        }\n      },\n      [setExpanded]\n    );\n\n    // A link under the cut must not take the keyboard focus unseen.\n    const handleFocus = useCallback(\n      (event: FocusEvent<HTMLDivElement>) => {\n        if (isKeyboardFocus(event.target)) {\n          setExpanded(true);\n        }\n      },\n      [setExpanded]\n    );\n\n    const toggle = useCallback(\n      () => setExpanded(!expanded),\n      [expanded, setExpanded]\n    );\n\n    return (\n      <StyledClampedContent\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-clamped-content\", className)}\n      >\n        <StyledClampedContentFrame\n          id={frameId}\n          ref={frameRef}\n          $overflows={overflows}\n          $clamped={clamped}\n          $slack={slack}\n          data-clamped={clamped}\n          onFocus={clamped ? handleFocus : undefined}\n          onClick={clamped ? handleClick : undefined}\n          style={\n            overflows\n              ? { maxHeight: expanded ? fullHeight : maxHeight }\n              : undefined\n          }\n          className=\"c-clamped-content__frame\"\n        >\n          <div ref={contentRef}>{children}</div>\n        </StyledClampedContentFrame>\n        {overflows ? (\n          <StyledClampedContentToggle\n            type=\"button\"\n            onClick={toggle}\n            aria-expanded={expanded}\n            aria-controls={frameId}\n            className=\"c-clamped-content__toggle\"\n          >\n            {expanded ? lessLabel : moreLabel}\n          </StyledClampedContentToggle>\n        ) : null}\n      </StyledClampedContent>\n    );\n  }\n);\n\nClampedContent.displayName = \"ClampedContent\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledClampedContentToggle = exports.StyledClampedContentFrame = exports.StyledClampedContent = 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 StyledClampedContent = exports.StyledClampedContent = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledClampedContent",
+  componentId: "sc-13aqf5r-0"
+})(["display:flex;flex-direction:column;gap:8px;min-width:0;"]);
+var StyledClampedContentFrame = exports.StyledClampedContentFrame = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledClampedContentFrame",
+  componentId: "sc-13aqf5r-1"
+})(["min-width:0;", " ", ""], function (_ref) {
+  var $overflows = _ref.$overflows;
+  return $overflows && (0, _styledComponents.css)(["overflow:hidden;transition:max-height 200ms cubic-bezier(0,0,0.2,1);@media (prefers-reduced-motion:reduce){transition:none;}@media print{max-height:none !important;overflow:visible;}"]);
+}, function (_ref2) {
+  var $clamped = _ref2.$clamped,
+    $slack = _ref2.$slack;
+  return $clamped && (0, _styledComponents.css)(["cursor:pointer;mask-image:linear-gradient( to bottom,black calc(100% - ", "px),transparent );@media print{mask-image:none;}"], $slack);
+});
+var StyledClampedContentToggle = exports.StyledClampedContentToggle = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledClampedContentToggle",
+  componentId: "sc-13aqf5r-2"
+})(["align-self:flex-start;padding:0;border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:16px;line-height:24px;text-decoration:underline;color:var(--color-primary);@media print{display:none;}"]);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/ClampedContent/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","StyledClampedContent","exports","styled","div","withConfig","displayName","componentId","StyledClampedContentFrame","_ref","$overflows","css","_ref2","$clamped","$slack","StyledClampedContentToggle","button"],"sources":["../../../../src/components/ClampedContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledClampedContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n`;\n\nexport const StyledClampedContentFrame = styled.div<{\n  $overflows: boolean;\n  $clamped: boolean;\n  $slack: number;\n}>`\n  min-width: 0;\n\n  ${({ $overflows }) =>\n    $overflows &&\n    css`\n      overflow: hidden;\n      transition: max-height 200ms cubic-bezier(0, 0, 0.2, 1);\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n\n      @media print {\n        max-height: none !important;\n        overflow: visible;\n      }\n    `}\n\n  ${({ $clamped, $slack }) =>\n    $clamped &&\n    css`\n      cursor: pointer;\n      mask-image: linear-gradient(\n        to bottom,\n        black calc(100% - ${$slack}px),\n        transparent\n      );\n\n      @media print {\n        mask-image: none;\n      }\n    `}\n`;\n\nexport const StyledClampedContentToggle = styled.button`\n  align-self: flex-start;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 24px;\n  text-decoration: underline;\n  color: var(--color-primary);\n\n  @media print {\n    display: 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,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAK7C;AAEM,IAAMC,yBAAyB,GAAAN,OAAA,CAAAM,yBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAO/C,UAAAE,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,QACVC,qBAAG,6LAYF;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;EAAA,OACnBD,QAAQ,QACRF,qBAAG,mIAIqBG,MAAM,CAO7B;AAAA,EACJ;AAEM,IAAMC,0BAA0B,GAAAb,OAAA,CAAAa,0BAAA,GAAGZ,yBAAM,CAACa,MAAM,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2NAetD","ignoreList":[]}

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

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

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

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

package/dist/cjs/components/Collapse/Collapse.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Collapse = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _excluded = ["open", "duration", "unmountOnExit", "appear", "clip", "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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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 Collapse = exports.Collapse = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var open = _ref.open,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 200 : _ref$duration,
+    _ref$unmountOnExit = _ref.unmountOnExit,
+    unmountOnExit = _ref$unmountOnExit === void 0 ? false : _ref$unmountOnExit,
+    _ref$appear = _ref.appear,
+    appear = _ref$appear === void 0 ? false : _ref$appear,
+    _ref$clip = _ref.clip,
+    clip = _ref$clip === void 0 ? "both" : _ref$clip,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(open || !unmountOnExit),
+    _useState2 = _slicedToArray(_useState, 2),
+    mounted = _useState2[0],
+    setMounted = _useState2[1];
+  var _useState3 = (0, _react.useState)(open && !appear),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expanded = _useState4[0],
+    setExpanded = _useState4[1];
+  var mountedRef = (0, _react.useRef)(mounted);
+  var isFirstRun = (0, _react.useRef)(true);
+  mountedRef.current = mounted;
+  (0, _react.useEffect)(function () {
+    var isFirst = isFirstRun.current;
+    isFirstRun.current = false;
+    if (open) {
+      // Content that was painted closed can open in the same frame.
+      if (mountedRef.current && !isFirst) {
+        setExpanded(true);
+        return undefined;
+      }
+      setMounted(true);
+      // Two frames, so the closed state paints before the clip starts.
+      var frame = requestAnimationFrame(function () {
+        frame = requestAnimationFrame(function () {
+          return setExpanded(true);
+        });
+      });
+      return function () {
+        return cancelAnimationFrame(frame);
+      };
+    }
+    setExpanded(false);
+    if (!unmountOnExit) {
+      return undefined;
+    }
+    var timer = setTimeout(function () {
+      return setMounted(false);
+    }, duration);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [duration, open, unmountOnExit]);
+  if (!mounted) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCollapse, _extends({}, rest, {
+    inert: open ? undefined : "",
+    ref: ref,
+    $open: expanded,
+    $duration: duration,
+    "data-open": expanded,
+    className: (0, _classnames.default)("c-collapse", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledCollapseContent, {
+    $clip: clip,
+    className: "c-collapse__content"
+  }, children));
+});
+Collapse.displayName = "Collapse";
+//# sourceMappingURL=Collapse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.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","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Collapse","exports","forwardRef","_ref","ref","open","_ref$duration","duration","_ref$unmountOnExit","unmountOnExit","_ref$appear","appear","_ref$clip","clip","className","children","rest","_useState","useState","_useState2","mounted","setMounted","_useState3","_useState4","expanded","setExpanded","mountedRef","useRef","isFirstRun","current","useEffect","isFirst","undefined","frame","requestAnimationFrame","cancelAnimationFrame","timer","setTimeout","clearTimeout","createElement","StyledCollapse","inert","$open","$duration","classnames","StyledCollapseContent","$clip","displayName"],"sources":["../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCollapse, StyledCollapseContent } from \"./Styles\";\n\nexport interface ICollapseProps extends HTMLAttributes<HTMLDivElement> {\n  /** Shows the content. */\n  open: boolean;\n  /** The time of the clip, in milliseconds. */\n  duration?: number;\n  /** Removes the content from the page after the close. */\n  unmountOnExit?: boolean;\n  /** Opens with a clip on the first render. */\n  appear?: boolean;\n  /** \"vertical\" clips only the height, so content beside the box stays visible. */\n  clip?: \"both\" | \"vertical\";\n}\n\nexport const Collapse = forwardRef<HTMLDivElement, ICollapseProps>(\n  (\n    {\n      open,\n      duration = 200,\n      unmountOnExit = false,\n      appear = false,\n      clip = \"both\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [mounted, setMounted] = useState(open || !unmountOnExit);\n    const [expanded, setExpanded] = useState(open && !appear);\n\n    const mountedRef = useRef(mounted);\n    const isFirstRun = useRef(true);\n\n    mountedRef.current = mounted;\n\n    useEffect(() => {\n      const isFirst = isFirstRun.current;\n\n      isFirstRun.current = false;\n\n      if (open) {\n        // Content that was painted closed can open in the same frame.\n        if (mountedRef.current && !isFirst) {\n          setExpanded(true);\n\n          return undefined;\n        }\n\n        setMounted(true);\n        // Two frames, so the closed state paints before the clip starts.\n        let frame = requestAnimationFrame(() => {\n          frame = requestAnimationFrame(() => setExpanded(true));\n        });\n\n        return () => cancelAnimationFrame(frame);\n      }\n\n      setExpanded(false);\n\n      if (!unmountOnExit) {\n        return undefined;\n      }\n\n      const timer = setTimeout(() => setMounted(false), duration);\n\n      return () => clearTimeout(timer);\n    }, [duration, open, unmountOnExit]);\n\n    if (!mounted) {\n      return null;\n    }\n\n    return (\n      <StyledCollapse\n        {...rest}\n        {...{ inert: open ? undefined : \"\" }}\n        ref={ref}\n        $open={expanded}\n        $duration={duration}\n        data-open={expanded}\n        className={classnames(\"c-collapse\", className)}\n      >\n        <StyledCollapseContent $clip={clip} className=\"c-collapse__content\">\n          {children}\n        </StyledCollapseContent>\n      </StyledCollapse>\n    );\n  }\n);\n\nCollapse.displayName = \"Collapse\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCollapseContent = exports.StyledCollapse = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var StyledCollapse = exports.StyledCollapse = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledCollapse",
+  componentId: "sc-1ov56au-0"
+})(["display:grid;grid-template-rows:", ";transition:grid-template-rows ", "ms cubic-bezier(0,0,0.2,1);@media (prefers-reduced-motion:reduce){transition:none;}"], function (_ref) {
+  var $open = _ref.$open;
+  return $open ? "1fr" : "0fr";
+}, function (_ref2) {
+  var $duration = _ref2.$duration;
+  return $duration;
+});
+var StyledCollapseContent = exports.StyledCollapseContent = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledCollapseContent",
+  componentId: "sc-1ov56au-1"
+})(["min-height:0;", ""], function (_ref3) {
+  var $clip = _ref3.$clip;
+  return $clip === "vertical" ? "clip-path: inset(0 -100vw);" : "overflow: hidden;";
+});
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledCollapse","exports","styled","div","withConfig","displayName","componentId","_ref","$open","_ref2","$duration","StyledCollapseContent","_ref3","$clip"],"sources":["../../../../src/components/Collapse/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledCollapse = styled.div<{ $open: boolean; $duration: number }>`\n  display: grid;\n  grid-template-rows: ${({ $open }) => ($open ? \"1fr\" : \"0fr\")};\n  transition: grid-template-rows ${({ $duration }) => $duration}ms\n    cubic-bezier(0, 0, 0.2, 1);\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n`;\n\nexport const StyledCollapseContent = styled.div<{ $clip: \"both\" | \"vertical\" }>`\n  min-height: 0;\n  ${({ $clip }) =>\n    $clip === \"vertical\" ? \"clip-path: inset(0 -100vw);\" : \"overflow: hidden;\"}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,IAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mKAEhB,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQA,KAAK,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,EAC3B,UAAAC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OAAOA,SAAS;AAAA,EAM9D;AAEM,IAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAE3C,UAAAM,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,KAAK,UAAU,GAAG,6BAA6B,GAAG,mBAAmB;AAAA,EAC7E","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Collapse","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Collapse/index.ts"],"sourcesContent":["export * from \"./Collapse\";\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":[]}