@brightspot/ui 6.5.0 → 6.6.1

package/docs/components/Avatar.md

@@ -62,11 +62,6 @@
 | `fallback`         | fallback        |                |
 | `size`             | size            |                |
 | `tooltip`          | tooltip         | TooltipMixin   |
-| `tooltipPosition`  | tooltipPosition | TooltipMixin   |
-| `tooltipDelay`     | tooltipDelay    | TooltipMixin   |
-| `tooltipOffset`    | tooltipOffset   | TooltipMixin   |
-| `tooltipNoArrow`   | tooltipNoArrow  | TooltipMixin   |
-| `tooltipTrigger`   | tooltipTrigger  | TooltipMixin   |
 | `tooltip-position` | tooltipPosition | TooltipMixin   |
 | `tooltip-delay`    | tooltipDelay    | TooltipMixin   |
 | `tooltip-offset`   | tooltipOffset   | TooltipMixin   |

package/docs/components/CircularProgress.md

@@ -25,7 +25,7 @@
 | `color`                   |         | `ProgressColors`                                   | `'primary'` | Color theme of the progress indicator.
Supports: black, white, primary, teal, gray, purple, rose, error, warning, success               | ProgressMixin  |
 | `thickness`               |         | `number \| undefined`                              |             | Stroke width of the progress indicator.                                                                                                     | ProgressMixin  |
 | `_progress`               | private | `number`                                           | `0`         |                                                                                                                                             | ProgressMixin  |
-| `progress`                |         |                                                    |             | Progress value for determinate variant. Clamped to 0–100.                                                                                   | ProgressMixin  |
+| `progress`                |         | `number`                                           |             | Progress value for determinate variant. Clamped to 0–100.                                                                                   | ProgressMixin  |
 | `label`                   |         | `string \| undefined`                              |             | Optional label text to display with the progress indicator.                                                                                 | ProgressMixin  |
 | `initialAnimation`        |         | `boolean`                                          | `true`      | Whether to animate progress from 0 to target value when component first becomes visible.                                                    | ProgressMixin  |
 | `ariaLabel`               |         | `string \| null`                                   | `null`      | Optional aria-label attribute for screen readers.
Describes what the progress indicator represents.                                     | ProgressMixin  |

package/docs/components/CopyToClipboard.md

@@ -44,7 +44,7 @@
 | Name            | Field         | Inherited From |
 | --------------- | ------------- | -------------- |
 | `copydata`      | copydata      |                |
-| `buttonClasses` | buttonClasses |                |
+| `buttonclasses` | buttonClasses |                |
 
 <hr/>
 

package/docs/components/Dropdown.md

@@ -80,11 +80,6 @@
 | `stay-open-on-select` | stayOpenOnSelect |                |
 | `no-chevron`          | noChevron        |                |
 | `tooltip`             | tooltip          | TooltipMixin   |
-| `tooltipPosition`     | tooltipPosition  | TooltipMixin   |
-| `tooltipDelay`        | tooltipDelay     | TooltipMixin   |
-| `tooltipOffset`       | tooltipOffset    | TooltipMixin   |
-| `tooltipNoArrow`      | tooltipNoArrow   | TooltipMixin   |
-| `tooltipTrigger`      | tooltipTrigger   | TooltipMixin   |
 | `tooltip-position`    | tooltipPosition  | TooltipMixin   |
 | `tooltip-delay`       | tooltipDelay     | TooltipMixin   |
 | `tooltip-offset`      | tooltipOffset    | TooltipMixin   |

package/docs/components/IconButton.md

@@ -67,11 +67,6 @@
 | `destructive`      | destructive     |                |
 | `disabled`         | disabled        |                |
 | `tooltip`          | tooltip         | TooltipMixin   |
-| `tooltipPosition`  | tooltipPosition | TooltipMixin   |
-| `tooltipDelay`     | tooltipDelay    | TooltipMixin   |
-| `tooltipOffset`    | tooltipOffset   | TooltipMixin   |
-| `tooltipNoArrow`   | tooltipNoArrow  | TooltipMixin   |
-| `tooltipTrigger`   | tooltipTrigger  | TooltipMixin   |
 | `tooltip-position` | tooltipPosition | TooltipMixin   |
 | `tooltip-delay`    | tooltipDelay    | TooltipMixin   |
 | `tooltip-offset`   | tooltipOffset   | TooltipMixin   |

package/docs/components/LinearProgress.md

@@ -23,7 +23,7 @@
 | `color`                   |         | `ProgressColors`                                   | `'primary'` | Color theme of the progress indicator.
Supports: black, white, primary, teal, gray, purple, rose, error, warning, success               | ProgressMixin  |
 | `thickness`               |         | `number \| undefined`                              |             | Stroke width of the progress indicator.                                                                                                     | ProgressMixin  |
 | `_progress`               | private | `number`                                           | `0`         |                                                                                                                                             | ProgressMixin  |
-| `progress`                |         |                                                    |             | Progress value for determinate variant. Clamped to 0–100.                                                                                   | ProgressMixin  |
+| `progress`                |         | `number`                                           |             | Progress value for determinate variant. Clamped to 0–100.                                                                                   | ProgressMixin  |
 | `label`                   |         | `string \| undefined`                              |             | Optional label text to display with the progress indicator.                                                                                 | ProgressMixin  |
 | `initialAnimation`        |         | `boolean`                                          | `true`      | Whether to animate progress from 0 to target value when component first becomes visible.                                                    | ProgressMixin  |
 | `ariaLabel`               |         | `string \| null`                                   | `null`      | Optional aria-label attribute for screen readers.
Describes what the progress indicator represents.                                     | ProgressMixin  |

package/docs/components/Popover.md

@@ -58,11 +58,10 @@
 | `trigger`     | trigger    |                |
 | `delay`       | delay      |                |
 | `offset`      | offset     |                |
-| `noArrow`     | noArrow    |                |
+| `no-arrow`    | noArrow    |                |
 | `inverted`    | inverted   |                |
 | `open`        | open       |                |
 | `panel-label` | panelLabel |                |
-| `no-arrow`    | noArrow    |                |
 
 ### CSS Properties
 

package/docs/components/README.md

@@ -2,6 +2,18 @@
 
 This directory contains auto-generated API documentation for all Brightspot UI web components.
 
+## Using these in a plugin
+
+The CMS page already styles every component here, but it defines only four of the elements:
+
+- `btu-badge`, from this library;
+- `btu-icon`, `btu-widget` and `btu-copy-to-clipboard`, using the CMS's own legacy implementations.
+
+Import any other element in your plugin's frontend entry, for example
+`import '@brightspot/ui/components/card/Card.js'`, or the tag stays an undefined, inert element. That includes elements
+your Java renders through the generated `com.brightspot.ui.dari` classes. Importing one of the four changes nothing on a
+CMS page, because the CMS defines it first.
+
 ## Components
 
 - [`<btu-action-bar>` - ActionBar](ActionBar.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspot/ui",
-  "version": "6.5.0",
+  "version": "6.6.1",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",
@@ -28,6 +28,8 @@
     "test:storybook": "vitest --project=storybook",
     "test:css-bloat": "vitest run --project=css-bloat",
     "test:combo-input": "vitest run --project=combo-input",
+    "test:cem-runtime": "vitest run --project=cem-runtime",
+    "test:dari-fixtures": "vitest run --project=dari-fixtures",
     "check:conventions": "yarn cem && node scripts/check-conventions-all.mjs",
     "check:conventions:fast": "node scripts/check-conventions.mjs",
     "prepare": "husky && (cd src/legacy/tool-ui && yarn install)",
@@ -46,7 +48,7 @@
     "@types/node": "^24.10.0",
     "@types/postcss-import": "^14.0.3",
     "@types/uuid": "^8.3.0",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/browser-playwright": "^4.1.11",
     "@wc-toolkit/storybook-helpers": "^10.0.0",
     "autoprefixer": "10.4.21",
     "css-loader": "^6.7.1",

package/src/legacy/tool-ui/src/ContentInputGroup.css

@@ -77,6 +77,20 @@
   }
 }
 
+/* Figma Character/Item Count badge: 20px pill, 100/900 shades (the plugin defaults to 50/800). */
+.CIG-wordCountBadge {
+  @apply btu-badge-sm me-1 self-start leading-4 [--badge-px:theme(spacing.1)] [--badge-py:0];
+
+  /* Set per modifier: the plugin's color classes re-add the underline at higher specificity. */
+  &.is-error {
+    @apply btu-badge-error no-underline btu-badge-foreground-[oklch(var(--btu-theme-error-900))] btu-badge-background-[oklch(var(--btu-theme-error-100))];
+  }
+
+  &.is-warning {
+    @apply btu-badge-warning no-underline btu-badge-foreground-[oklch(var(--btu-theme-warning-900))] btu-badge-background-[oklch(var(--btu-theme-warning-100))];
+  }
+}
+
 .CIG-help,
 .CIG-guide,
 .CIG-comments,

package/src/legacy/tool-ui/src/Conversation.ts

@@ -53,6 +53,7 @@ onFind(
             (fieldName === postData.fieldName || fieldName === '')
           ) {
             // Fetch updated posts and replace the posts container
+            const previewId = conversation.dataset.previewId
             const url =
               window.BRIGHTSPOT.web.pagePaths[
                 'com.psddev.cms.conversation.Posts'
@@ -65,6 +66,9 @@ onFind(
                 fieldName,
                 contextual,
                 overlayId,
+                // Carry the current preview so the server can suppress the
+                // "view shared preview" button on this preview's own comments.
+                ...(previewId ? { sharedPreviewId: previewId } : {}),
               })
             const response = await fetch(url, {
               credentials: 'include',

package/src/legacy/tool-ui/src/SharePreviewCommenting.ts

@@ -377,9 +377,19 @@ function initCommentingOverlay(sharePreview: HTMLElement) {
       'wheel',
       (e: WheelEvent) => {
         e.preventDefault()
-        // Optimistic: update local scroll for immediate pin repositioning.
-        postMessageScrollX = Math.max(0, postMessageScrollX + e.deltaX)
-        postMessageScrollY = Math.max(0, postMessageScrollY + e.deltaY)
+        // Optimistic: update local scroll for immediate pin repositioning. Clamp to the
+        // document's real scroll range — the preview iframe stops at its bottom and reports
+        // no further ScrollData, so an unbounded value would keep sliding pins off-screen.
+        const maxScrollX = Math.max(0, postMessageDocWidth - overlay.clientWidth)
+        const maxScrollY = Math.max(0, postMessageDocHeight - overlay.clientHeight)
+        postMessageScrollX = Math.min(
+          maxScrollX,
+          Math.max(0, postMessageScrollX + e.deltaX),
+        )
+        postMessageScrollY = Math.min(
+          maxScrollY,
+          Math.max(0, postMessageScrollY + e.deltaY),
+        )
         scheduleReposition()
         postToPreview({
           type: 'BSP.SharedPreview.ScrollBy',
@@ -478,10 +488,13 @@ function initCommentingOverlay(sharePreview: HTMLElement) {
       const pin = cachedPins.find((p) => p.id === postId)
       if (!pin || !hasScrollData) return
 
-      // Center the pin vertically in the viewport
-      const targetScrollY = Math.max(
-        0,
-        pinAbsoluteY(pin) - (overlay.clientHeight || 1) / 2,
+      // Center the pin vertically in the viewport, clamped to the document's real scroll
+      // range — near the bottom the preview can't scroll far enough to center the pin, so an
+      // unclamped target would overshoot and jump every pin out of place.
+      const maxScrollY = Math.max(0, postMessageDocHeight - overlay.clientHeight)
+      const targetScrollY = Math.min(
+        maxScrollY,
+        Math.max(0, pinAbsoluteY(pin) - (overlay.clientHeight || 1) / 2),
       )
       postToPreview({ type: 'BSP.SharedPreview.ScrollTo', top: targetScrollY })
 

package/src/legacy/tool-ui/src/main/webapp/dist/4374.64cf54f35a52b3018a92.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkbrightspot_cms=self.webpackChunkbrightspot_cms||[]).push([[4374],{82277(e){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="},41399(e,r,t){t.d(r,{A:()=>f});var a=t(64664),i=t.n(a),o=t(25243),n=t.n(o),s=t(20368),p=t.n(s),l=new URL(t(82277),t.b),c=n()(i()),d=p()(l);c.push([e.id,`.sp-hidden,.sp-initial{display:none}.sp-replacer{max-width:100%;position:relative;user-select:none;width:200px}[dir] .sp-replacer{cursor:pointer}[dir=ltr] .sp-replacer{padding:var(--gap-s) calc(var(--gap-s) + var(--Icon-size)) var(--gap-s) 0}[dir=rtl] .sp-replacer{padding:var(--gap-s) 0 var(--gap-s) calc(var(--gap-s) + var(--Icon-size))}.sp-replacer:before{bottom:0;content:"";height:1px;position:absolute}[dir] .sp-replacer:before{background:var(--Input-borderColor)}[dir=ltr] .sp-replacer:before,[dir=rtl] .sp-replacer:before{left:0;right:0}[dir] .sp-replacer.sp-active{background:var(--Input-focusBackground)}.sp-replacer.sp-active:before{height:2px}[dir] .sp-replacer.sp-active:before,[dir] .sp-replacer:focus:before,[dir] .sp-replacer:hover:before{background:var(--Input-focusColor)}.sp-replacer:focus .sp-dd,.sp-replacer:hover .sp-dd{color:var(--Input-focusColor)}.SearchWidget-filter .sp-replacer{width:100%}.sp-preview{overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:100%}.sp-preview:before{content:""}.sp-preview[data-placeholder]:after{content:attr(data-placeholder);font-style:italic}[dir=ltr] .sp-preview[data-placeholder]:after{padding-left:30px}[dir=rtl] .sp-preview[data-placeholder]:after{padding-right:30px}.sp-preview[data-color]:after{content:attr(data-color);font-style:normal}[dir=ltr] .sp-preview[data-color]:after{padding-left:30px}[dir=rtl] .sp-preview[data-color]:after{padding-right:30px}.sp-preview[data-placeholder]:not([data-color]):after{color:var(--color-gray5)}.sp-preview-inner,.sp-preview:before{height:var(--Text-height);position:absolute;top:var(--gap-s);width:var(--Text-height)}[dir] .sp-preview-inner,[dir] .sp-preview:before{border-radius:50%}[dir=ltr] .sp-preview-inner,[dir=ltr] .sp-preview:before{left:0}[dir=rtl] .sp-preview-inner,[dir=rtl] .sp-preview:before{right:0}.sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{--Icon-fill:"FILL" 1;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:var(--Icon-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variation-settings:var(--Icon-fill);font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;top:calc((var(--Text-height) - var(--Icon-size)) / 2);vertical-align:top;white-space:nowrap;word-wrap:normal;content:"block";font-size:var(--Text-height);top:0}[dir] .sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{transform:var(--Icon-transform)}[dir=ltr] .sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{direction:ltr}[dir=rtl] .sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{direction:rtl}.sp-dd{bottom:calc(var(--gap-s) + (var(--Text-height) - var(--Icon-size)) / 2);height:var(--Icon-size);overflow:hidden;position:absolute;width:var(--Icon-size)}[dir=ltr] .sp-dd{right:var(--gap-s)}[dir=rtl] .sp-dd{left:var(--gap-s)}.sp-dd:before{--Icon-fill:"FILL" 1;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:var(--Icon-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variation-settings:var(--Icon-fill);font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;top:calc((var(--Text-height) - var(--Icon-size)) / 2);vertical-align:top;white-space:nowrap;word-wrap:normal;content:"arrow_drop_down";top:0;transition:transform var(--time-xs)}[dir] .sp-dd:before{transform:var(--Icon-transform)}[dir=ltr] .sp-dd:before{direction:ltr}[dir=rtl] .sp-dd:before{direction:rtl}.sp-active .sp-dd:before{color:var(--Input-focusColor)}[dir=ltr] .sp-active .sp-dd:before{transform:rotate(-180deg)}[dir=rtl] .sp-active .sp-dd:before{transform:rotate(180deg)}.sp-container{width:auto;z-index:100001}[dir] .sp-container{background:var(--color-white);box-shadow:var(--shadow-3);padding:var(--gap-m)}.sp-container,.sp-container button{user-select:none}.sp-top{position:relative;width:100%}[dir] .sp-fill{padding-top:100%}.sp-color{bottom:calc(var(--gap-s) + var(--Icon-size));position:absolute;top:0}[dir=ltr] .sp-color{left:0;right:calc(var(--gap-s) + var(--Icon-size))}[dir=rtl] .sp-color{right:0;left:calc(var(--gap-s) + var(--Icon-size))}.sp-sat,.sp-val{bottom:0;position:absolute;top:0}[dir=ltr] .sp-sat,[dir=ltr] .sp-val,[dir=rtl] .sp-sat,[dir=rtl] .sp-val{left:0;right:0}[dir=ltr] .sp-sat{background-image:linear-gradient(90deg,#fff,rgba(204,154,129,0))}[dir=rtl] .sp-sat{background-image:linear-gradient(270deg,#fff,rgba(204,154,129,0))}[dir] .sp-val{background-image:linear-gradient(0deg,#000,rgba(204,154,129,0))}.sp-alpha-handle,.sp-dragger,.sp-slider{opacity:.5;position:absolute;user-select:none}[dir] .sp-alpha-handle,[dir] .sp-dragger,[dir] .sp-slider{background:var(--color-white);border:1px solid var(--color-black);cursor:pointer}.sp-dragger{height:10px;top:0;width:10px}[dir] .sp-dragger{border-radius:50%}[dir=ltr] .sp-dragger{left:0}[dir=rtl] .sp-dragger{right:0}.sp-clear{position:absolute;top:0;user-select:none}[dir=ltr] .sp-clear{right:0}[dir=rtl] .sp-clear{left:0}.sp-clear:before{--Icon-fill:"FILL" 1;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:var(--Icon-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variation-settings:var(--Icon-fill);font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;top:calc((var(--Text-height) - var(--Icon-size)) / 2);vertical-align:top;white-space:nowrap;word-wrap:normal;content:"block"}[dir] .sp-clear:before{transform:var(--Icon-transform)}[dir=ltr] .sp-clear:before{direction:ltr}[dir=rtl] .sp-clear:before{direction:rtl}.sp-hue{bottom:calc(var(--gap-s) + var(--Icon-size));position:absolute;top:calc(var(--Icon-size) + var(--gap-s));width:var(--Icon-size)}[dir] .sp-hue{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}[dir=ltr] .sp-hue{right:0}[dir=rtl] .sp-hue{left:0}.sp-slider{height:7px;top:0}[dir=ltr] .sp-slider,[dir=rtl] .sp-slider{left:-1px;right:-1px}.sp-alpha{bottom:0;display:none;height:var(--Icon-size);position:absolute;user-select:none}[dir] .sp-alpha{background:url(${d}) 50%}[dir=ltr] .sp-alpha,[dir=rtl] .sp-alpha{left:0;right:0}.sp-alpha-inner{height:100%;width:100%}.sp-alpha-handle{bottom:-1px;top:-1px;width:7px}[dir=ltr] .sp-alpha-handle{left:50%}[dir=rtl] .sp-alpha-handle{right:50%}[dir] .sp-input-container{margin:calc(0px - var(--gap-m)) 0 var(--gap-m) 0}.sp-container .sp-input{box-sizing:border-box}.sp-cancel{line-height:calc(var(--gap-s) * 2 + var(--Text-height))}[dir=ltr] .sp-cancel{float:right}[dir=rtl] .sp-cancel{float:left}.sp-palette{max-width:calc((var(--gap-s) + var(--gap-m)) * 4)}[dir=ltr] .sp-picker-container{float:left}[dir=rtl] .sp-picker-container{float:right}.sp-palette-container{position:relative}[dir=ltr] .sp-palette-container{float:right}[dir=rtl] .sp-palette-container{float:left}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-container *{box-sizing:content-box}.sp-palette .sp-thumb-el{display:block;height:var(--gap-l);position:relative;width:var(--gap-l)}[dir] .sp-palette .sp-thumb-el{cursor:pointer}[dir=ltr] .sp-palette .sp-thumb-el{float:left;margin:0 0 var(--gap-s) var(--gap-s)}[dir=rtl] .sp-palette .sp-thumb-el{float:right;margin:0 var(--gap-s) var(--gap-s) 0}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{bottom:0;display:block;position:absolute;top:0}[dir=ltr] .sp-alpha-inner,[dir=ltr] .sp-preview-inner,[dir=ltr] .sp-thumb-inner,[dir=rtl] .sp-alpha-inner,[dir=rtl] .sp-preview-inner,[dir=rtl] .sp-thumb-inner{left:0;right:0}[dir] .sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette-button-container{display:none}`,""]);const f=7717==t.j?c:null},25243(e){e.exports=function(e){var r=[];return r.toString=function(){return this.map(function(r){var t="",a=void 0!==r[5];return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),a&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=e(r),a&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},r.i=function(e,t,a,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var n={};if(a)for(var s=0;s<this.length;s++){var p=this[s][0];null!=p&&(n[p]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);a&&n[c[0]]||(void 0!==o&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=o),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),i&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=i):c[4]="".concat(i)),r.push(c))}},r}},20368(e){e.exports=function(e,r){return r||(r={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),r.hash&&(e+=r.hash),/["'() \t\n]|(%20)/.test(e)||r.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},64664(e){e.exports=function(e){return e[1]}},34374(e,r,t){t.r(r),t.d(r,{default:()=>b});var a=t(96291),i=t.n(a),o=t(96918),n=t.n(o),s=t(77322),p=t.n(s),l=t(55800),c=t.n(l),d=t(10207),f=t.n(d),g=t(37746),h=t.n(g),v=t(41399),u={};u.styleTagTransform=h(),u.setAttributes=c(),u.insert=p().bind(null,"head"),u.domAPI=n(),u.insertStyleElement=f(),i()(v.A,u);const b=v.A&&v.A.locals?v.A.locals:void 0},96291(e){var r=[];function t(e){for(var t=-1,a=0;a<r.length;a++)if(r[a].identifier===e){t=a;break}return t}function a(e,a){for(var o={},n=[],s=0;s<e.length;s++){var p=e[s],l=a.base?p[0]+a.base:p[0],c=o[l]||0,d="".concat(l," ").concat(c);o[l]=c+1;var f=t(d),g={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(-1!==f)r[f].references++,r[f].updater(g);else{var h=i(g,a);a.byIndex=s,r.splice(s,0,{identifier:d,updater:h,references:1})}n.push(d)}return n}function i(e,r){var t=r.domAPI(r);return t.update(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap&&r.supports===e.supports&&r.layer===e.layer)return;t.update(e=r)}else t.remove()}}e.exports=function(e,i){var o=a(e=e||[],i=i||{});return function(e){e=e||[];for(var n=0;n<o.length;n++){var s=t(o[n]);r[s].references--}for(var p=a(e,i),l=0;l<o.length;l++){var c=t(o[l]);0===r[c].references&&(r[c].updater(),r.splice(c,1))}o=p}}},77322(e){var r={};e.exports=function(e,t){var a=function(e){if(void 0===r[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}r[e]=t}return r[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}},10207(e){e.exports=function(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}},55800(e,r,t){e.exports=function(e){var r=t.nc;r&&e.setAttribute("nonce",r)}},96918(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var r=e.insertStyleElement(e);return{update:function(t){!function(e,r,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var i=void 0!==t.layer;i&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,i&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),r.styleTagTransform(a,e,r.options)}(r,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)}}}},37746(e){e.exports=function(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}}}]);