@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-HTFKWW4S.cjs

@@ -0,0 +1,381 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkBD3WXMLEcjs = require('./chunk-BD3WXMLE.cjs');
+
+
+var _chunkMSBDBEM7cjs = require('./chunk-MSBDBEM7.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+
+
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+
+
+var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+
+
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+
+
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+
+var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
+
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/Button.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _lodashes = require('lodash-es');
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var buttonKinds = [
+  "secondary",
+  "primary",
+  "ghost",
+  "green33",
+  "purple55",
+  "blue43",
+  "blue39",
+  "danger",
+  "tertiary"
+];
+var roundPaddingsX = {
+  [_chunkTMTEVKSDcjs.TokenSize.ExtraSmall]: 10,
+  [_chunkTMTEVKSDcjs.TokenSize.Small]: 10,
+  [_chunkTMTEVKSDcjs.TokenSize.Schmedium]: 10,
+  [_chunkTMTEVKSDcjs.TokenSize.Medium]: 14,
+  [_chunkTMTEVKSDcjs.TokenSize.Mlarge]: 19,
+  [_chunkTMTEVKSDcjs.TokenSize.Large]: 19
+};
+var paddingsX = {
+  [_chunkTMTEVKSDcjs.TokenSize.ExtraSmall]: 16,
+  [_chunkTMTEVKSDcjs.TokenSize.Small]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Schmedium]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Medium]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Mlarge]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Large]: 24
+};
+function getPaddingX(size, kind, isRound) {
+  return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
+}
+function getPadding({ paddingY, kind, size, iconSide, isRound }) {
+  const paddingX = getPaddingX(size, kind, isRound);
+  const paddingForIcon = 0;
+  return kind === "ghost" ? 0 : `${paddingY}px ${paddingX + (iconSide === "right" ? paddingForIcon : 0)}px ${paddingY}px ${paddingX + (iconSide === "left" ? paddingForIcon : 0)}px`;
+}
+function resolveBackgroundColorKey(theme, kind, defaultKey) {
+  var _a;
+  const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
+  let backgroundColorKey = defaultBackgroundColorKey;
+  if (!backgroundColorKey && _chunkWTHHP7G2cjs.isThemeOrColorKey.call(void 0, kind)) {
+    backgroundColorKey = kind;
+  }
+  const defaultBackgroundColor = theme.buttons[defaultKey];
+  const backgroundColor = _chunkWTHHP7G2cjs.getBackgroundColor.call(void 0, 
+    theme,
+    backgroundColorKey,
+    defaultBackgroundColor
+  );
+  return backgroundColor;
+}
+function resolveProp(prop, kind, defaultKey, theme) {
+  var _a;
+  return (
+    /** props may be unset for a given kind but theme defaults always exist,
+     * so this will always resolve a value: */
+    prop || ((_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.buttons[defaultKey]
+  );
+}
+function resolveProps(props, theme) {
+  const _a = props, {
+    kind = "secondary",
+    size: sizeProp,
+    paddingY: paddingYType = "regular",
+    borderRadius,
+    typography: typographyProp
+  } = _a, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _a, [
+    "kind",
+    "size",
+    "paddingY",
+    "borderRadius",
+    "typography"
+  ]);
+  const size = resolveProp(sizeProp, kind, "defaultSize", theme);
+  const defaultPaddingsY = resolveProp(null, kind, "defaultPaddingsY", theme);
+  const defaultPaddingY = defaultPaddingsY[size];
+  const backgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultBackgroundColor"
+  );
+  const borderWidth = resolveProp(null, kind, "defaultBorderWidth", theme);
+  const borderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultBorderColor"
+  );
+  const hoverBackgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultHoverBackgroundColor"
+  );
+  const hoverBorderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultHoverBorderColor"
+  );
+  const typography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || resolveProp(null, kind, "defaultTypographyType", theme),
+    color: (typographyProp == null ? void 0 : typographyProp.color) || resolveProp(null, kind, "defaultColor", theme),
+    size
+  };
+  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, rest), {
+    kind,
+    size,
+    typography,
+    paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
+    borderRadius: resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor
+  });
+}
+function Button(props) {
+  const theme = _react.useTheme.call(void 0, );
+  const {
+    kind,
+    typography,
+    size,
+    paddingY,
+    text,
+    to,
+    id,
+    hash,
+    externalLink,
+    filename,
+    toParams,
+    onClick,
+    icon,
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    iconSide = "left",
+    loading = false,
+    loadingKind = "primary",
+    fullWidth = false,
+    disabled = false,
+    mt = 0,
+    ml = 0,
+    type = "button",
+    newTab = false,
+    zIndex = void 0,
+    tooltipText,
+    borderRadius
+  } = resolveProps(props, theme);
+  const tooltipId = _react3.useRef.call(void 0, _lodashes.uniqueId.call(void 0, ));
+  const iconSize = size === "ExtraSmall" ? 12 : 16;
+  let currentIcon = null;
+  if (loading) {
+    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography,
+        kind,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBD3WXMLEcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+      }
+    );
+  } else if (icon) {
+    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography,
+        kind,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: iconSize, color: typography.color })
+      }
+    );
+  }
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "8px"
+        },
+        children: [
+          iconSide === "left" && currentIcon,
+          text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              css: {
+                textOverflow: "ellipsis",
+                overflow: "hidden"
+              },
+              children: _chunkMSBDBEM7cjs.renderTypography.call(void 0, typography.type, {
+                content: text,
+                color: typography.color,
+                size
+              })
+            }
+          ),
+          iconSide === "right" && currentIcon
+        ]
+      })
+    ),
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+  ] });
+  const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
+  const commonProps = {
+    id,
+    kind,
+    type,
+    typography,
+    onClick,
+    fullWidth,
+    iconSide,
+    paddingY,
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    isRound: isSingleCharRoundButton,
+    isLoading: loading,
+    disabled: disabled || loading,
+    css: {
+      marginTop: mt ? `${mt}px` : void 0,
+      marginLeft: ml ? `${ml}px` : void 0
+    },
+    newTab,
+    text,
+    borderRadius,
+    zIndex
+  };
+  if (to) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, hash, children: content }));
+  }
+  return externalLink ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ButtonHrefLink,
+    _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), {
+      href: externalLink,
+      download: filename,
+      target: "_blank",
+      children: content
+    })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
+}
+var buttonStyle = ({
+  paddingY,
+  kind,
+  theme,
+  disabled,
+  isLoading,
+  typography,
+  fullWidth,
+  zIndex,
+  iconSide,
+  borderWidth,
+  borderColor,
+  isRound,
+  borderRadius,
+  backgroundColor,
+  hoverBackgroundColor,
+  hoverBorderColor
+}) => {
+  return _react.css`
+    display: inline-flex;
+    opacity: ${disabled && !isLoading ? 0.2 : 1};
+    transition: opacity 0.2s;
+    position: relative;
+
+    ${zIndex && `z-index: ${zIndex};`}
+
+    ${_chunkZBBVZQKJcjs.applyTypography.call(void 0, 
+    theme,
+    typography.type,
+    typography.size,
+    typography.color
+  )}
+
+    &:focus-visible {
+      outline: ${_chunkPYL3O7AFcjs.getFocusOutline.call(void 0, { theme })};
+      /* Slightly different offset for buttons so the outline is visible: */
+      outline-offset: 0px;
+    }
+
+    width: ${fullWidth ? "100%" : "fit-content"};
+
+    & > * {
+      width: 100%;
+      text-align: center;
+      white-space: nowrap;
+      background-color: ${backgroundColor};
+      border: ${borderWidth}px solid;
+      border-color: ${borderColor};
+      border-radius: ${isRound ? "100%" : `${borderRadius}px`};
+      padding: ${getPadding({
+    paddingY,
+    kind,
+    size: typography.size,
+    iconSide,
+    isRound
+  })};
+      transition:
+        background-color 0.2s ease-out,
+        border-color 0.2s ease-out;
+
+      &:hover {
+        background-color: ${hoverBackgroundColor};
+        border-color: ${hoverBorderColor};
+      }
+    }
+  `;
+};
+var ButtonIcon = _styled2.default.div`
+  ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
+`;
+var StyledButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonLink = _styled2.default.call(void 0, _chunkQCJWZRIPcjs.Link)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonHrefLink = _styled2.default.a`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4SAHQcjs.select.call(void 0, StyledButton)}, ${_chunk6VA4SAHQcjs.select.call(void 0, ButtonLink)}, ${_chunk6VA4SAHQcjs.select.call(void 0, 
+  ButtonHrefLink
+)})${append}`;
+
+
+
+
+
+
+exports.buttonKinds = buttonKinds; exports.Button = Button; exports.StyledButton = StyledButton; exports.ButtonSelector = ButtonSelector;

package/dist/chunk-HVGR22WZ.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Github.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Github() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M12.0001 0C5.3735 0 0 5.50847 0 12.3038C0 17.74 3.43839 22.3519 8.2064 23.9789C8.80613 24.0927 9.02631 23.7119 9.02631 23.387C9.02631 23.0936 9.01518 22.1244 9.01001 21.0963C5.67157 21.8405 4.96712 19.6446 4.96712 19.6446C4.42125 18.2224 3.63473 17.8443 3.63473 17.8443C2.54596 17.0806 3.7168 17.0963 3.7168 17.0963C4.92181 17.1831 5.55632 18.3642 5.55632 18.3642C6.6266 20.2452 8.36359 19.7014 9.04836 19.387C9.15607 18.5918 9.46706 18.049 9.81024 17.7418C7.14486 17.4307 4.34295 16.3757 4.34295 11.6612C4.34295 10.3179 4.81172 9.22032 5.57937 8.35868C5.45477 8.04878 5.04402 6.79737 5.69562 5.10261C5.69562 5.10261 6.70331 4.77193 8.9965 6.3638C9.95372 6.09119 10.9803 5.95447 12.0001 5.94979C13.0199 5.95447 14.0473 6.09119 15.0063 6.3638C17.2967 4.77193 18.303 5.10261 18.303 5.10261C18.9562 6.79737 18.5452 8.04878 18.4206 8.35868C19.1901 9.22032 19.6557 10.3179 19.6557 11.6612C19.6557 16.3869 16.8484 17.4274 14.1762 17.732C14.6067 18.1138 14.9902 18.8626 14.9902 20.0105C14.9902 21.6568 14.9763 22.9817 14.9763 23.387C14.9763 23.7144 15.1923 24.098 15.8006 23.9772C20.566 22.3485 24 17.7381 24 12.3038C24 5.50847 18.6273 0 12.0001 0ZM4.49443 17.527C4.468 17.5882 4.3742 17.6065 4.28876 17.5645C4.20172 17.5244 4.15283 17.4411 4.18105 17.3797C4.20688 17.3168 4.30088 17.2992 4.38772 17.3414C4.47495 17.3816 4.52463 17.4657 4.49443 17.527ZM5.0847 18.0671C5.02747 18.1215 4.91559 18.0962 4.83968 18.0102C4.76119 17.9244 4.74648 17.8097 4.80451 17.7545C4.86353 17.7001 4.97203 17.7256 5.05072 17.8114C5.12921 17.8981 5.14451 18.012 5.0847 18.0671ZM5.48965 18.758C5.41612 18.8104 5.2959 18.7613 5.22158 18.6518C5.14805 18.5424 5.14805 18.4112 5.22317 18.3587C5.29769 18.3061 5.41612 18.3534 5.49144 18.462C5.56476 18.5732 5.56476 18.7044 5.48965 18.758ZM6.1745 19.5582C6.10873 19.6326 5.96863 19.6126 5.86609 19.5111C5.76117 19.4119 5.73196 19.2711 5.79793 19.1968C5.8645 19.1222 6.00539 19.1432 6.10873 19.2438C6.21285 19.3428 6.24465 19.4846 6.1745 19.5582ZM7.05961 19.8283C7.0306 19.9247 6.89567 19.9685 6.75975 19.9276C6.62402 19.8854 6.5352 19.7725 6.56262 19.6751C6.59084 19.5781 6.72636 19.5325 6.86328 19.5763C6.9988 19.6183 7.08783 19.7303 7.05961 19.8283ZM8.0669 19.9429C8.07028 20.0444 7.95502 20.1285 7.81235 20.1304C7.66887 20.1336 7.55282 20.0515 7.55123 19.9517C7.55123 19.8492 7.6639 19.7659 7.80738 19.7634C7.95006 19.7606 8.0669 19.8421 8.0669 19.9429ZM9.05645 19.904C9.07354 20.0031 8.97438 20.1047 8.8327 20.1318C8.6934 20.1579 8.56443 20.0968 8.54674 19.9986C8.52946 19.8971 8.6304 19.7954 8.7695 19.7692C8.91139 19.7439 9.03837 19.8034 9.05645 19.904Z",
+          fill: "#161614"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Github = Github;

package/dist/chunk-ICGEMWYQ.cjs

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/SatoshiRounded.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SatoshiRounded() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      viewBox: "0 0 12 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10.4 4.77783H1.09985",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            stroke: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10.4 8H1.09985",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            stroke: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10.4 11.2222H1.09985",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            stroke: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M5.95215 15.2498L5.95215 13.6387",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            stroke: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M5.95215 2.36111L5.95215 0.75",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            stroke: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.SatoshiRounded = SatoshiRounded;

package/dist/chunk-IFT6NJX4.cjs

@@ -0,0 +1,140 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+
+// src/components/Collapsible.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Collapsible({
+  children,
+  className,
+  text,
+  color,
+  open,
+  handleToggle,
+  openIcon,
+  closeIcon,
+  full,
+  buttonTextElement,
+  contentIndent = true
+}) {
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, open);
+  const handleClick = () => {
+    if (handleToggle) {
+      handleToggle(!isOpen);
+    }
+    setIsOpen(!isOpen);
+  };
+  _react.useEffect.call(void 0, () => {
+    setIsOpen(open);
+  }, [open]);
+  const iconName = openIcon && closeIcon ? isOpen ? closeIcon : openIcon : "Chevron";
+  const iconWidth = iconName === "Close" ? 12 : 14;
+  let textElement = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {});
+  if (buttonTextElement) {
+    textElement = buttonTextElement;
+  } else if (text) {
+    textElement = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text, { color, children: text });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCollapsible, { className, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCollapsibleButton, { onClick: handleClick, children: [
+      textElement,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        IconContainer,
+        {
+          isOpen,
+          useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { width: iconWidth, name: iconName })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapsingContainer, { isOpen, full, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InnerPadding, { contentIndent, children }) })
+  ] });
+}
+var StyledCollapsible = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+var StyledCollapsibleButton = _styled2.default.button`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  background: none;
+  border: none;
+  cursor: pointer;
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  padding: 0;
+`;
+var IconContainer = _styled2.default.div`
+  ${(props) => {
+  if (props.useCustomIcon) {
+    return;
+  }
+  return props.isOpen ? `transform: rotate(0deg);` : `transform: rotate(-90deg);`;
+}}
+  transition: transform 0.25s ease-out;
+  width: 20px;
+`;
+var CollapsingContainer = _styled2.default.div`
+  overflow: scroll;
+  opacity: 0;
+  animation-duration: 0.4s;
+  animation-fill-mode: forwards;
+
+  ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
+  ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
+
+  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(-10px);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @keyframes fadeOut {
+    from {
+      opacity: 1;
+      transform: none;
+    }
+    to {
+      opacity: 0;
+      transform: translateY(-10px);
+      visibility: hidden;
+    }
+  }
+`;
+var InnerPadding = _styled2.default.div`
+  padding: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]} 0 ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]}
+    ${(props) => props.contentIndent ? _chunkZUAO4DW3cjs.Spacing.px.md : "0"};
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
+  display: flex;
+  flex-direction: column;
+`;
+var Text = _styled2.default.span`
+  ${(props) => props.color ? `color: ${props.color};` : ""}
+  line-height: inherit;
+`;
+
+
+
+
+
+
+exports.Collapsible = Collapsible; exports.StyledCollapsible = StyledCollapsible; exports.StyledCollapsibleButton = StyledCollapsibleButton; exports.CollapsingContainer = CollapsingContainer;