@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/collapse/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/collapse/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/*\n * :host 仅限 display/contain（ADR-0003）。\n * headless 内核（ADR-0039）：不携带视觉样式，trigger 与内容的排版由消费者\n * 提供；这里只保留动画与三态关闭稳态必需的结构规则。\n */\n:host {\n  display: block;\n}\n\n/*\n * grid 0fr↔1fr 高度动画（ADR-0038 选型）：\n * track 行高在 0fr（收起）与 1fr（展开）间过渡，内容高度自适应、零 JS 测量；\n * inner 的 min-height/min-width 归零是 track 能收缩到 0 的必要条件，\n * overflow hidden 负责裁剪收起中的内容。\n */\n.wui-collapse-track {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--wui-duration-collapse-enter, 200ms)\n    var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n\n  /*\n   * 水平方向：块级 grid 默认撑满可用宽度，1fr 列会解析为剩余空间而非内容宽度；\n   * width: max-content 让 1fr 列按内容 max-content 贡献解析（与行向 auto 高度同理），\n   * 0fr 收缩依赖 inner 的 min-width: 0。\n   */\n  &.is-horizontal {\n    grid-template-columns: 0fr;\n    grid-template-rows: none;\n    width: max-content;\n    transition: grid-template-columns var(--wui-duration-collapse-enter, 200ms)\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n  }\n}\n\n.wui-collapse-track[data-wui-presence='open'] {\n  grid-template-rows: 1fr;\n\n  &.is-horizontal {\n    grid-template-columns: 1fr;\n    grid-template-rows: none;\n  }\n}\n\n.wui-collapse-track[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition: grid-template-rows var(--wui-duration-collapse-exit, 160ms)\n    var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n\n  &.is-horizontal {\n    transition: grid-template-columns var(--wui-duration-collapse-exit, 160ms)\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n  }\n}\n\n/*\n * peek 模式下 track 恒为 1fr（高度始终由内容驱动），裁剪长度交给 inner 的\n * max-height/max-width：这样 `peek` 与内容尺寸的较小值由 CSS 原生解析——内容不足\n * `peek` 时不残留空白，也不会被撑到 `peek`——而动画两端都是长度，可被浏览器插值\n * （fit-content 或 minmax 的关态与内容高度之间无法插值，实测会退化成跳变）。\n *\n * 注意不能限定 `:not([data-wui-presence])`：收起动画期间 presence='closing'，\n * track 会掉回 0fr 先把内容压成 0 再弹回，动画被毁。\n */\n.wui-collapse-track[data-wui-peek] {\n  grid-template-rows: 1fr;\n\n  &.is-horizontal {\n    grid-template-columns: 1fr;\n    grid-template-rows: none;\n  }\n}\n\n/*\n * peek 边缘渐隐的「活动长度」（替代直接读推导长度）：\n * 关闭/收起态取推导值，展开态归 0（fallback）——渐变带因此跟随开合动画\n * 平滑出现/消失，而不是在某一帧突然出现（旧实现把 mask 限定在关闭稳态，收起动画\n * 结束才显示，表现为明显的延迟）。\n *\n * 插值依赖 `CSS.registerProperty` 把它注册成 `<length>`（见 index.ts）：未注册的\n * 自定义属性是离散值、无法过渡，且不注册时「未定义」会让整条 mask-image 声明\n * 在打开态失效回退到 none，因此这里必须给 var() 显式 fallback。\n */\n.wui-collapse-inner {\n  overflow: hidden;\n  min-height: 0;\n\n  /*\n   * peek 展开/收起的过渡落在裁剪长度上；track 静止在 1fr，只跟随 inner 的高度变化。\n   * 活动长度与裁剪长度同步过渡，渐变带才能跟着开合一起淡入淡出。\n   */\n  transition:\n    max-height var(--wui-duration-collapse-enter, 200ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    --wui-collapse-peek-edge-active var(--wui-duration-collapse-enter, 200ms)\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n.is-horizontal .wui-collapse-inner {\n  min-width: 0;\n\n  /* 覆盖轴向，但保留活动长度的过渡——否则水平模式下渐变带不淡入淡出。 */\n  transition-property: max-width, --wui-collapse-peek-edge-active;\n}\n\n.wui-collapse-track[data-wui-presence='closing'] .wui-collapse-inner {\n  transition-duration: var(--wui-duration-collapse-exit, 160ms);\n}\n\n/*\n * peek 露出区域的边缘渐隐（mask-image）：\n * 沿动画轴末端（默认底边、horizontal 时右边）做 alpha 渐变，让\"被裁掉的部分\"与\n * \"露出的部分\"之间柔和过渡，提示下方还有内容。设置 `peek` 即启用——渐隐长度由\n * `peek` 推导，不是独立入参。\n *\n * 长度推导：`peek * --wui-collapse-peek-edge-ratio`（默认 0.4），并夹在\n * `--wui-collapse-peek-edge-max`（默认 112px）以内，避免大 peek 算出过长的虚化带。\n * 纯 CSS 的 `calc(length * number)` —— 不需要 JS 解析单位，peek 用 rem/em 时\n * 渐隐长度自动跟着字号缩放。需要绝对长度时直接设 `--wui-collapse-peek-edge`\n * 覆盖（它优先于推导值），把比例设成 0 即可关掉渐隐。\n *\n * 渐变是四段「先陡后缓」而非线性：主体全黑延伸到渐变带起点后，前 30% 距离就\n * 掉到 0.6 alpha，65% 处 0.26，末端全透明。线性渐变的 alpha 曲线前 40% 几乎\n * 贴着 1.0，人眼感知到的虚化远短于声明长度——实测同样 50px 的带子，线性只让人\n * 觉得\"末尾一小截发虚\"，先陡后缓从带子起点就明显发虚，感知长度接近翻倍。\n * 边缘颜色改由下面共享 .wui-glow 的渐变层承担。\n *\n * 渐变带的位置用百分比而非绝对长度：百分比相对 inner 的**当前渲染高度**，而该高度\n * 在动画期间随 max-height 逐帧变化——mask 字符串本身不需要插值，渲染结果会自动\n * 跟随裁剪边缘移动（实测：mask 字符串恒定，容器高度变化时渐变带跟着走）。\n * 渐变长度由活动长度变量控制，其过渡见上方说明。\n */\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner {\n  mask-image: linear-gradient(\n    to bottom,\n    black 0%,\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    rgb(0 0 0 / 0.6) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.7),\n    rgb(0 0 0 / 0.26) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n/*\n * peek 末端晕染走共享 .wui-glow（src/classes/glow.css）：\n * ::before 铺渐变，::after 叠真实模糊。两层默认位于内容之下，这里改成 z-index: 1\n * —— peek 的末端要盖住并虚化内容，而不是垫在内容背后。\n *\n * 渐变方向从裁剪边缘指向内容：垂直 peek 是 to top，水平 peek 是 to left。\n * 带子长度复用活动长度变量，所以开合动画期间跟着裁剪边缘一起过渡；活动长度为 0\n * （展开态）时渐变的两个色标都塌缩到 0px，整层透明，不会把展开后的内容盖住。\n *\n * --wui-collapse-peek-edge-active 必须以 inherits: true 注册（见 index.ts）：\n * 继承为 false 时伪元素读到 initialValue 0px，两层晕染会静默消失。\n */\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow {\n  --wui-glow-blur: var(--wui-collapse-peek-edge-blur, 4px);\n  --wui-glow-overhang: 0px;\n  --wui-glow-gradient: linear-gradient(\n    to top,\n    var(--wui-collapse-peek-edge-color, var(--wui-color-page, #fff)) 0,\n    transparent var(--wui-collapse-peek-edge-active, 0px)\n  );\n}\n\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow::before,\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow::after {\n  z-index: 1;\n}\n\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow::after {\n  mask-image: linear-gradient(\n    to bottom,\n    transparent calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n.wui-collapse-track[data-wui-peek].is-horizontal .wui-collapse-inner {\n  mask-image: linear-gradient(\n    to right,\n    black 0%,\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    rgb(0 0 0 / 0.6) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.7),\n    rgb(0 0 0 / 0.26) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n.wui-collapse-track[data-wui-peek].is-horizontal .wui-collapse-inner.wui-glow {\n  --wui-glow-gradient: linear-gradient(\n    to left,\n    var(--wui-collapse-peek-edge-color, var(--wui-color-page, #fff)) 0,\n    transparent var(--wui-collapse-peek-edge-active, 0px)\n  );\n}\n\n.wui-collapse-track[data-wui-peek].is-horizontal .wui-collapse-inner.wui-glow::after {\n  mask-image: linear-gradient(\n    to right,\n    transparent calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n/*\n * 关闭稳态裁剪长度由 CSS 声明；动画期间由内联长度覆盖，落稳态后回到这里。\n * `max-height` 仅适用于垂直模式；horizontal 模式由后续规则裁剪宽度。\n * 轴向裁剪规则按特异性递增排列（`no-descending-specificity`）。\n */\n.wui-collapse-track[data-wui-peek]:not([data-wui-presence], .is-horizontal) .wui-collapse-inner {\n  max-height: var(--wui-collapse-peek, 0);\n}\n\n/*\n * 非展开态（关闭稳态 + 收起动画进行中）让活动长度取推导值：\n * 收起动画一开始渐变带就开始淡入，与裁剪长度同步，而不是落稳态才出现。\n * 展开态（presence='open'）不命中 → 活动长度回落到 0 → mask 整段不透明，\n * 完全展开的内容不再有底部淡出。\n *\n * 推导写成 `var(--wui-collapse-peek-edge, <推导式>)`：显式设了长度就听调用方的，\n * 没设才按比例算——逃生舱仍然是纯 CSS 变量，不占组件属性名额。\n */\n.wui-collapse-track[data-wui-peek]:not([data-wui-presence='open']) .wui-collapse-inner {\n  --wui-collapse-peek-edge-active: var(\n    --wui-collapse-peek-edge,\n    clamp(\n      0px,\n      calc(var(--wui-collapse-peek, 0px) * var(--wui-collapse-peek-edge-ratio, 0.4)),\n      var(--wui-collapse-peek-edge-max, 112px)\n    )\n  );\n}\n\n.wui-collapse-track[data-wui-peek]:not([data-wui-presence]).is-horizontal .wui-collapse-inner {\n  max-width: var(--wui-collapse-peek, 0);\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/collapse/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/*\n * :host 仅限 display/contain（ADR-0003）。\n * headless 内核（ADR-0039）：不携带视觉样式，trigger 与内容的排版由消费者\n * 提供；这里只保留动画与三态关闭稳态必需的结构规则。\n */\n:host {\n  display: block;\n}\n\n/*\n * grid 0fr↔1fr 高度动画（ADR-0038 选型）：\n * track 行高在 0fr（收起）与 1fr（展开）间过渡，内容高度自适应、零 JS 测量；\n * inner 的 min-height/min-width 归零是 track 能收缩到 0 的必要条件，\n * overflow hidden 负责裁剪收起中的内容。\n */\n.wui-collapse-track {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--wui-duration-collapse-enter, 200ms)\n    var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n\n  /*\n   * 水平方向：块级 grid 默认撑满可用宽度，1fr 列会解析为剩余空间而非内容宽度；\n   * width: max-content 让 1fr 列按内容 max-content 贡献解析（与行向 auto 高度同理），\n   * 0fr 收缩依赖 inner 的 min-width: 0。\n   */\n  &.is-horizontal {\n    grid-template-columns: 0fr;\n    grid-template-rows: none;\n    width: max-content;\n    transition: grid-template-columns var(--wui-duration-collapse-enter, 200ms)\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n  }\n}\n\n.wui-collapse-track[data-wui-presence='open'] {\n  grid-template-rows: 1fr;\n\n  &.is-horizontal {\n    grid-template-columns: 1fr;\n    grid-template-rows: none;\n  }\n}\n\n.wui-collapse-track[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition: grid-template-rows var(--wui-duration-collapse-exit, 160ms)\n    var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n\n  &.is-horizontal {\n    transition: grid-template-columns var(--wui-duration-collapse-exit, 160ms)\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n  }\n}\n\n/*\n * peek 模式下 track 恒为 1fr（高度始终由内容驱动），裁剪长度交给 inner 的\n * max-height/max-width：这样 `peek` 与内容尺寸的较小值由 CSS 原生解析——内容不足\n * `peek` 时不残留空白，也不会被撑到 `peek`——而动画两端都是长度，可被浏览器插值\n * （fit-content 或 minmax 的关态与内容高度之间无法插值，实测会退化成跳变）。\n *\n * 注意不能限定 `:not([data-wui-presence])`：收起动画期间 presence='closing'，\n * track 会掉回 0fr 先把内容压成 0 再弹回，动画被毁。\n */\n.wui-collapse-track[data-wui-peek] {\n  grid-template-rows: 1fr;\n\n  &.is-horizontal {\n    grid-template-columns: 1fr;\n    grid-template-rows: none;\n  }\n}\n\n/*\n * peek 边缘渐隐的「活动长度」（替代直接读推导长度）：\n * 关闭/收起态取推导值，展开态归 0（fallback）——渐变带因此跟随开合动画\n * 平滑出现/消失，而不是在某一帧突然出现（旧实现把 mask 限定在关闭稳态，收起动画\n * 结束才显示，表现为明显的延迟）。\n *\n * 插值依赖 `CSS.registerProperty` 把它注册成 `<length>`（见 index.ts）：未注册的\n * 自定义属性是离散值、无法过渡，且不注册时「未定义」会让整条 mask-image 声明\n * 在打开态失效回退到 none，因此这里必须给 var() 显式 fallback。\n */\n.wui-collapse-inner {\n  overflow: hidden;\n  min-height: 0;\n\n  /*\n   * peek 展开/收起的过渡落在裁剪长度上；track 静止在 1fr，只跟随 inner 的高度变化。\n   * 活动长度与裁剪长度同步过渡，渐变带才能跟着开合一起淡入淡出。\n   */\n  transition:\n    max-height var(--wui-duration-collapse-enter, 200ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    --wui-collapse-peek-edge-active var(--wui-duration-collapse-enter, 200ms)\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n.is-horizontal .wui-collapse-inner {\n  min-width: 0;\n\n  /* 覆盖轴向，但保留活动长度的过渡——否则水平模式下渐变带不淡入淡出。 */\n  transition-property: max-width, --wui-collapse-peek-edge-active;\n}\n\n.wui-collapse-track[data-wui-presence='closing'] .wui-collapse-inner {\n  transition-duration: var(--wui-duration-collapse-exit, 160ms);\n}\n\n/*\n * peek 露出区域的边缘渐隐（mask-image）：\n * 沿动画轴末端（默认底边、horizontal 时右边）做 alpha 渐变，让\"被裁掉的部分\"与\n * \"露出的部分\"之间柔和过渡，提示下方还有内容。设置 `peek` 即启用——渐隐长度由\n * `peek` 推导，不是独立入参。\n *\n * 长度推导：`peek * --wui-collapse-peek-edge-ratio`（默认 0.4），并夹在\n * `--wui-collapse-peek-edge-max`（默认 112px）以内，避免大 peek 算出过长的虚化带。\n * 纯 CSS 的 `calc(length * number)` —— 不需要 JS 解析单位，peek 用 rem/em 时\n * 渐隐长度自动跟着字号缩放。需要绝对长度时直接设 `--wui-collapse-peek-edge`\n * 覆盖（它优先于推导值），把比例设成 0 即可关掉渐隐。\n *\n * 渐变是四段「先陡后缓」而非线性：主体全黑延伸到渐变带起点后，前 30% 距离就\n * 掉到 0.6 alpha，65% 处 0.26，末端全透明。线性渐变的 alpha 曲线前 40% 几乎\n * 贴着 1.0，人眼感知到的虚化远短于声明长度——实测同样 50px 的带子，线性只让人\n * 觉得\"末尾一小截发虚\"，先陡后缓从带子起点就明显发虚，感知长度接近翻倍。\n * 边缘颜色改由下面共享 .wui-glow 的渐变层承担。\n *\n * 渐变带的位置用百分比而非绝对长度：百分比相对 inner 的**当前渲染高度**，而该高度\n * 在动画期间随 max-height 逐帧变化——mask 字符串本身不需要插值，渲染结果会自动\n * 跟随裁剪边缘移动（实测：mask 字符串恒定，容器高度变化时渐变带跟着走）。\n * 渐变长度由活动长度变量控制，其过渡见上方说明。\n */\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner {\n  mask-image: linear-gradient(\n    to bottom,\n    black 0%,\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    rgb(0 0 0 / 0.6) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.7),\n    rgb(0 0 0 / 0.26) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n/*\n * peek 末端晕染走共享 .wui-glow（src/classes/glow.css）：\n * ::before 铺渐变，::after 叠真实模糊。两层默认位于内容之下，这里改成 z-index: 1\n * —— peek 的末端要盖住并虚化内容，而不是垫在内容背后。\n *\n * 渐变方向从裁剪边缘指向内容：垂直 peek 是 to top，水平 peek 是 to left。\n * 带子长度复用活动长度变量，所以开合动画期间跟着裁剪边缘一起过渡；活动长度为 0\n * （展开态）时渐变的两个色标都塌缩到 0px，整层透明，不会把展开后的内容盖住。\n *\n * --wui-collapse-peek-edge-active 必须以 inherits: true 注册（见 index.ts）：\n * 继承为 false 时伪元素读到 initialValue 0px，两层晕染会静默消失。\n */\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow {\n  --wui-glow-blur: var(--wui-collapse-peek-edge-blur, 4px);\n  --wui-glow-overhang: 0px;\n  --wui-glow-gradient: linear-gradient(\n    to top,\n    var(--wui-collapse-peek-edge-color, var(--wui-color-page, #fff)) 0,\n    transparent var(--wui-collapse-peek-edge-active, 0px)\n  );\n}\n\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow::before,\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow::after {\n  z-index: 1;\n}\n\n.wui-collapse-track[data-wui-peek] .wui-collapse-inner.wui-glow::after {\n  mask-image: linear-gradient(\n    to bottom,\n    transparent calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n.wui-collapse-track[data-wui-peek].is-horizontal .wui-collapse-inner {\n  mask-image: linear-gradient(\n    to right,\n    black 0%,\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    rgb(0 0 0 / 0.6) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.7),\n    rgb(0 0 0 / 0.26) calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n.wui-collapse-track[data-wui-peek].is-horizontal .wui-collapse-inner.wui-glow {\n  --wui-glow-gradient: linear-gradient(\n    to left,\n    var(--wui-collapse-peek-edge-color, var(--wui-color-page, #fff)) 0,\n    transparent var(--wui-collapse-peek-edge-active, 0px)\n  );\n}\n\n.wui-collapse-track[data-wui-peek].is-horizontal .wui-collapse-inner.wui-glow::after {\n  mask-image: linear-gradient(\n    to right,\n    transparent calc(100% - var(--wui-collapse-peek-edge-active, 0px)),\n    black calc(100% - var(--wui-collapse-peek-edge-active, 0px) * 0.35),\n    transparent 100%\n  );\n}\n\n/*\n * 关闭稳态裁剪长度由 CSS 声明；动画期间由内联长度覆盖，落稳态后回到这里。\n * `max-height` 仅适用于垂直模式；horizontal 模式由后续规则裁剪宽度。\n * 轴向裁剪规则按特异性递增排列（`no-descending-specificity`）。\n */\n.wui-collapse-track[data-wui-peek]:not([data-wui-presence], .is-horizontal) .wui-collapse-inner {\n  max-height: var(--wui-collapse-peek, 0);\n}\n\n/*\n * 非展开态（关闭稳态 + 收起动画进行中）让活动长度取推导值：\n * 收起动画一开始渐变带就开始淡入，与裁剪长度同步，而不是落稳态才出现。\n * 展开态（presence='open'）不命中 → 活动长度回落到 0 → mask 整段不透明，\n * 完全展开的内容不再有底部淡出。\n *\n * 推导写成 `var(--wui-collapse-peek-edge, <推导式>)`：显式设了长度就听调用方的，\n * 没设才按比例算——逃生舱仍然是纯 CSS 变量，不占组件属性名额。\n */\n.wui-collapse-track[data-wui-peek]:not([data-wui-presence='open']) .wui-collapse-inner {\n  --wui-collapse-peek-edge-active: var(\n    --wui-collapse-peek-edge,\n    clamp(\n      0px,\n      calc(var(--wui-collapse-peek, 0px) * var(--wui-collapse-peek-edge-ratio, 0.4)),\n      var(--wui-collapse-peek-edge-max, 112px)\n    )\n  );\n}\n\n.wui-collapse-track[data-wui-peek]:not([data-wui-presence]).is-horizontal .wui-collapse-inner {\n  max-width: var(--wui-collapse-peek, 0);\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}