@brightspot/ui 6.6.2 → 6.7.1-pr.401.2026.10.22

package/dist/storybook/iframe.html

@@ -613,9 +613,9 @@
   }
 </style>
 
-    <script type="module" crossorigin src="./assets/iframe-BcvNVHT1.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-BJAXLO__.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-PPVm8Dsz.js">
-    <link rel="stylesheet" crossorigin href="./assets/iframe-DI_vgyKl.css">
+    <link rel="stylesheet" crossorigin href="./assets/iframe-DM45AEWn.css">
   </head>
 
   <body>

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1792522708601,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.12","@vitest/browser-playwright":"4.1.11","playwright":"1.58.2","vitest":"4.1.11"},"stylingPackages":{"tailwindcss":"^3.4.13","autoprefixer":"10.4.21"}},"hasRouterPackage":false,"packageManager":{"type":"yarn","agent":"yarn","nodeLinker":"undefined"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"applicationFileCount":6,"storybookVersion":"10.2.12","storybookVersionSpecifier":"10.2.12","language":"typescript","storybookPackages":{"@storybook/addon-themes":{"version":"10.2.12"},"@storybook/web-components-vite":{"version":"10.2.12"},"@wc-toolkit/storybook-helpers":{"version":"10.0.0"},"eslint-plugin-storybook":{"version":"10.0.7"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.2.12"},"@storybook/addon-vitest":{"version":"10.2.12"}},"packageJsonType":"module"}
+{"generatedAt":1792649730439,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.12","@vitest/browser-playwright":"4.1.11","playwright":"1.58.2","vitest":"4.1.11"},"stylingPackages":{"tailwindcss":"^3.4.13","autoprefixer":"10.4.21"}},"hasRouterPackage":false,"packageManager":{"type":"yarn","agent":"yarn","nodeLinker":"undefined"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"applicationFileCount":6,"storybookVersion":"10.2.12","storybookVersionSpecifier":"10.2.12","language":"typescript","storybookPackages":{"@storybook/addon-themes":{"version":"10.2.12"},"@storybook/web-components-vite":{"version":"10.2.12"},"@wc-toolkit/storybook-helpers":{"version":"10.0.0"},"eslint-plugin-storybook":{"version":"10.0.7"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.2.12"},"@storybook/addon-vitest":{"version":"10.2.12"}},"packageJsonType":"module"}

package/dist/util/ProgressMixin.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { property } from 'lit/decorators.js';
-import { announce } from '../util/aria';
+import { announce } from '../util/aria.js';
 /**
  * Mixin that adds common progress indicator properties.
  * Used by progress components like CircularProgress and LinearProgress.

package/dist/util/ProgressMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressMixin.js","sourceRoot":"","sources":["../../src/util/ProgressMixin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressMixin.js","sourceRoot":"","sources":["../../src/util/ProgressMixin.ts"],"names":[],"mappings":"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"}

package/docs/components/README.md

@@ -4,16 +4,16 @@ This directory contains auto-generated API documentation for all Brightspot UI w
 
 ## 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.
+The CMS page already styles every component here, but it defines only four of the elements: `btu-badge`,
+`btu-copy-to-clipboard`, `btu-icon` and `btu-widget`.
 
 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.
 
+See [Dari HTML elements](../dari-elements.md) for how to render these components from Java.
+
 ## Components
 
 - [`<btu-action-bar>` - ActionBar](ActionBar.md)

package/docs/dari-elements.md

@@ -0,0 +1,55 @@
+# Dari HTML elements
+
+`com.brightspot.ui.dari` contains generated Java classes for the `btu-*` web components, one class per element,
+so Java code in Brightspot and in plugins can render them with typed attribute setters instead of raw HTML strings.
+The classes are generated from the same [Custom Elements Manifest](components/README.md) used for the component API
+reference, and compile into the `com.brightspot.ui:ui` jar.
+
+The `BrightspotUi` interface holds one constant per element, named from its tag—for example `BrightspotUi#BADGE`
+for `<btu-badge>`. Each constant is an instance of the generated class, so chaining an element's own setters with
+inherited ones (`classList`, `attr`, `with`, and the rest of `com.psddev.dari.html`) compiles in any order:
+
+```java
+import static com.brightspot.ui.dari.BrightspotUi.BADGE;
+
+BADGE.classList("Page-env").variant("success").dot(true).with("QA")
+// <btu-badge class="Page-env" variant="success" dot>QA</btu-badge>
+```
+
+Rendering a constant emits only the tag—the page must also load the component, or the element stays inert. On a
+CMS page, import it in the plugin's front-end entry, the same as for any other element not defined by the CMS. See
+[Using these in a plugin](components/README.md#using-these-in-a-plugin) for which elements the CMS already defines.
+
+Nest content, including other elements, with `with`:
+
+```java
+import static com.brightspot.ui.dari.BrightspotUi.CARD;
+import static com.brightspot.ui.dari.BrightspotUi.BADGE;
+
+CARD.heading("Release notes").headingLevel(3).with(BADGE.with("New"))
+// <btu-card heading="Release notes" heading-level="3"><btu-badge>New</btu-badge></btu-card>
+```
+
+## Setter types
+
+Each generated setter's parameter type follows the element's CEM attribute type:
+
+| CEM type | Java parameter | Behavior |
+|---|---|---|
+| `boolean` | `boolean` | Emits a bare attribute (for example `dot`) when `true`, omits it when `false`. |
+| `number` | `Number` | Emits the attribute set to the number's string form. |
+| anything else, including unions like `boolean \| 'pulse'` | `String` | Emits the attribute set to the string value. |
+
+A handful of boolean attributes default to `true` in the component itself, such as `indeterminate` on
+`<btu-circular-progress>`. Because an HTML boolean attribute can only be present or absent, calling the setter with
+`false` has no effect—there is no way to represent "explicitly false" in the markup, so the component falls back to
+its own default.
+
+## Icon, widget, and copy-to-clipboard
+
+`ICON`, `WIDGET`, and `COPY_TO_CLIPBOARD` render the library elements, which the CMS defines. For a gradient icon, use
+`ICON.gradient("primary")`—the library icon has no `fill` attribute.
+
+`com.psddev.cms.ui.Components` also has `ICON` and `WIDGET` constants. A class that statically imports both
+`Components.*` and `BrightspotUi.*` gets an ambiguous-name compile error, so import `BrightspotUi` constants by name,
+as in the examples above.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspot/ui",
-  "version": "6.6.2",
+  "version": "6.7.1-pr.401.2026.10.22",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",
@@ -20,7 +20,7 @@
     "cem": "cem analyze --litelement",
     "cem:watch": "cem analyze --litelement --watch",
     "cem:docs": "yarn cem && node scripts/generate-docs.mjs",
-    "build": "yarn clean && tsc --noEmitOnError && yarn cem && node scripts/copy-component-css.mjs && shx cp ./src/*.ts ./dist && shx rm ./dist/tailwind.storybook.config* && shx rm -Rf ./dist/stories",
+    "build": "yarn clean && tsc --noEmitOnError && yarn cem && node scripts/copy-component-css.mjs && shx cp ./src/*.ts ./dist && shx rm ./dist/tailwind.storybook.config* && shx rm -Rf ./dist/stories && node scripts/check-dist-imports.mjs",
     "build:cms-ui": "yarn build && (cd src/legacy/tool-ui && yarn install --frozen-lockfile && yarn build) && (cd tool-ui && yarn install && yarn build)",
     "prepack": "yarn build && yarn build-storybook && (cd src/legacy/tool-ui && yarn build)",
     "storybook": "yarn cem && storybook dev -p 6006",
@@ -30,6 +30,7 @@
     "test:combo-input": "vitest run --project=combo-input",
     "test:cem-runtime": "vitest run --project=cem-runtime",
     "test:dari-fixtures": "vitest run --project=dari-fixtures",
+    "test:dist-imports": "vitest run --project=dist-imports",
     "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)",
@@ -86,7 +87,7 @@
     "broadcast-channel": "^4.13.0",
     "loglevel": "^1.8.0",
     "lottie-web": "^5.13.0",
-    "lucide-static": "1.31.0",
+    "lucide-static": "1.60.0",
     "tabbable": "6.2.0",
     "tailwindcss": "^3.4.13",
     "uuid": "^8.3.2"
@@ -96,6 +97,7 @@
   },
   "sideEffects": [
     "dist/components/**/*.js",
+    "dist/components/**/*.css",
     "src/legacy/**/*"
   ],
   "files": [

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

@@ -46,19 +46,29 @@ export default class AnalyticsWidget {
   }
 
   private init(): void {
-    // Listen for tab activation
-    $(this.element)
-      .closest('[data-tab]')
-      .on('tabbedShow', () => {
+    const tabElement = this.element.closest<HTMLElement>('[data-tab]')
+
+    if (tabElement) {
+      // Listen for tab activation
+      $(tabElement).on('tabbedShow', () => {
         // Only load if tab is actually selected/visible, not just during initial setup
-        const tabElement = this.element.closest<HTMLElement>('[data-tab]')
-        if (
-          !this.isLoaded &&
-          !tabElement?.classList.contains('TC-unselected')
-        ) {
+        if (!this.isLoaded && !tabElement.classList.contains('TC-unselected')) {
           this.loadAnalyticsData()
         }
       })
+    } else {
+      // Bottom, Right and Top placements have no tab to fire tabbedShow, so load
+      // the first time the widget scrolls into view instead.
+      const observer = new IntersectionObserver((entries) => {
+        if (entries.some((entry) => entry.isIntersecting)) {
+          observer.disconnect()
+          if (!this.isLoaded) {
+            this.loadAnalyticsData()
+          }
+        }
+      })
+      observer.observe(this.element)
+    }
 
     // Listen for period selector changes
     if (this.periodSelector) {

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

@@ -28,7 +28,7 @@
   }
 
   &.is-previewing .ContentEdit-previewButtonWrapper.is-animating > button {
-    @apply !pointer-events-none after:btu-loader before:invisible after:absolute after:left-1/2 after:top-1/2 after:z-[2] after:size-[--iconSize-l] after:-translate-x-1/2 after:-translate-y-1/2;
+    @apply after:btu-loader before:invisible after:absolute after:left-1/2 after:top-1/2 after:z-[2] after:size-[--iconSize-l] after:-translate-x-1/2 after:-translate-y-1/2;
   }
 }
 

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

@@ -574,7 +574,7 @@
     @apply pointer-events-auto;
   }
 
-  .CIG-note :where(a, button, [role='button'], btu-copy-to-clipboard) {
+  .CIG-note :where(a, button, [role='button'], btu-legacy-copy-to-clipboard) {
     @apply pointer-events-auto cursor-pointer;
   }
 

package/src/legacy/tool-ui/src/CopyToClipboard/index.ts

@@ -3,7 +3,7 @@ import { customElement, property } from 'lit/decorators.js'
 import { ComponentStatesMixin } from '../ComponentStatesMixin'
 import { EventEmitterMixin } from '../EventEmitterMixin'
 
-@customElement('btu-copy-to-clipboard')
+@customElement('btu-legacy-copy-to-clipboard')
 export default class CopyToClipboard extends ComponentStatesMixin(
   EventEmitterMixin(LitElement),
 ) {
@@ -49,6 +49,6 @@ export default class CopyToClipboard extends ComponentStatesMixin(
 
 declare global {
   interface HTMLElementTagNameMap {
-    'btu-copy-to-clipboard': CopyToClipboard
+    'btu-legacy-copy-to-clipboard': CopyToClipboard
   }
 }

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

@@ -1,10 +1,10 @@
-btu-copy-to-clipboard {
+btu-legacy-copy-to-clipboard {
   @apply flex gap-4;
 }
-btu-copy-to-clipboard button {
+btu-legacy-copy-to-clipboard button {
   @apply btu-button-fill-none btu-button-gray border-0 p-0 before:btu-icon before:btu-icon-clipboard-copy;
 }
 
-btu-copy-to-clipboard:state(btu-copy-to-clipboard-copied) button {
+btu-legacy-copy-to-clipboard:state(btu-copy-to-clipboard-copied) button {
   @apply btu-button-success before:btu-icon-clipboard-check;
 }

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

@@ -236,7 +236,7 @@ window.addEventListener('beforeunload', (event) => {
 onFind(
   [
     '.SearchWidget.is-global .SavedSearches-links a',
-    '.SearchWidget.is-global .SavedSearches-links btu-copy-to-clipboard',
+    '.SearchWidget.is-global .SavedSearches-links btu-legacy-copy-to-clipboard',
   ],
   (a: HTMLElement) => {
     a.addEventListener('click', () => {

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

@@ -442,12 +442,14 @@
   @apply before:btu-icon-rotate-cw;
 }
 
+/* Lucide named these by the centerline's orientation, not the flip direction,
+   so the old flip-*-2 aliases now draw the opposite flip. */
 .ImageEditor-flip-h {
-  @apply before:btu-icon-flip-horizontal-2;
+  @apply before:btu-icon-triangles-centerline-dashed-vertical;
 }
 
 .ImageEditor-flip-v {
-  @apply before:btu-icon-flip-vertical-2;
+  @apply before:btu-icon-triangles-centerline-dashed-horizontal;
 }
 
 /* Hotspots UI */

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

@@ -21,11 +21,11 @@ ul:has(.LookingGlass-actions) {
   @apply before:btu-icon-external-link;
 }
 
-btu-copy-to-clipboard.LookingGlass-actions button {
+btu-legacy-copy-to-clipboard.LookingGlass-actions button {
   @apply transition-colors before:btu-icon-link;
 }
 
-btu-copy-to-clipboard.LookingGlass-actions:state(btu-copy-to-clipboard-copied)
+btu-legacy-copy-to-clipboard.LookingGlass-actions:state(btu-copy-to-clipboard-copied)
   button {
   @apply gap-0 text-gray-500 [font-size:0] before:btu-icon-clipboard-check after:ms-2 after:text-sm after:[content:attr(data-success-label)];
 }

package/src/legacy/tool-ui/src/NavRail/index.css

@@ -12,9 +12,9 @@ btu-nav-rail {
   * > :is(a, button) {
     @apply flex min-h-[--item-h] w-full flex-nowrap place-content-center items-center gap-2 rounded-lg px-2 font-semibold text-gray-700 no-underline focus-within:text-gray-700 hover:bg-gray-100 hover:text-gray-900 @[80px]:items-start @[80px]:pb-1.5 @[80px]:pt-2 @[80px]:[place-content:normal];
 
-    /* Counter the 2px center-origin shift from btu-icon's gradient-fill scale. */
+    /* 20px icon plus 2px side margins: the 24px slot the labels align to. */
     > btu-icon {
-      @apply @[80px]:-mt-[2px];
+      @apply @[80px]:mx-0.5;
     }
   }
 
@@ -22,7 +22,8 @@ btu-nav-rail {
   * > :is(a, button)[aria-expanded='true'] {
     @apply bg-primary-50 text-gray-900 more-contrast:bg-primary-900 more-contrast:text-white;
 
-    btu-icon {
+    /* Only a masked icon can take a fill; on a plain icon it paints the whole box. */
+    btu-icon[gradient] {
       @apply more-contrast:bg-white more-contrast:bg-none;
     }
   }

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

@@ -434,7 +434,8 @@
       @apply bg-primary-50 text-gray-900 more-contrast:bg-primary-900 more-contrast:text-white;
     }
 
-    btu-icon {
+    /* Only a masked icon can take a fill; on a plain icon it paints the whole box. */
+    btu-icon[gradient] {
       @apply more-contrast:bg-white more-contrast:bg-none;
     }
   }
@@ -632,7 +633,7 @@
 /*
   Establish a minimum width for the content edit right rail widgets
   so they can overflow when the containing column is too small. */
-.ContentEdit-right btu-widget,
+.ContentEdit-right btu-legacy-widget,
 .ContentEdit-right-top {
   min-width: var(--contentWidget-w-min);
 }

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

@@ -4,6 +4,10 @@ import storage from './util/storage'
 type PageNavToggleState = 'OFF' | 'ON' | null
 const ToggleStorageKey = 'BSP.v5.Page.nav.toggle'
 
+// Expanding the nav by clicking a nested item's icon is a one-off peek at its
+// submenu, so it must not overwrite the user's saved expanded/collapsed choice.
+let persistToggle = true
+
 const setToggle = (val: PageNavToggleState) => {
   if (val !== null) storage.set(ToggleStorageKey, val)
 }
@@ -13,23 +17,24 @@ export const getToggle = () => {
 }
 
 export const toggle = (forcedVal?: PageNavToggleState) => {
-  if (forcedVal !== undefined) {
-    setToggle(forcedVal)
-  } else {
-    setToggle(getToggle() === 'ON' ? 'OFF' : 'ON')
-  }
-  update()
+  const nextState =
+    forcedVal !== undefined
+      ? (forcedVal ?? getToggle())
+      : getToggle() === 'ON'
+        ? 'OFF'
+        : 'ON'
+  if (persistToggle) setToggle(nextState)
+  update(nextState)
 
   window.document.body.dispatchEvent(
     new CustomEvent('page-nav-rail-toggled', {
       bubbles: true,
-      detail: { toggleState: getToggle() },
+      detail: { toggleState: nextState },
     }),
   )
 }
 
-const update = () => {
-  const lastToggleState = getToggle()
+const update = (lastToggleState: PageNavToggleState = getToggle()) => {
   // Update with last state if it exists.
   if (lastToggleState !== null) {
     document.documentElement.style.setProperty(
@@ -86,7 +91,14 @@ onFind('.Page-main > btu-nav-rail', (nav: HTMLElement) => {
 
       // Make the nav larger.
       const toggle = document.querySelector<HTMLElement>('.Page-navToggle')
-      if (toggle) toggle.click()
+      if (toggle) {
+        persistToggle = false
+        try {
+          toggle.click()
+        } finally {
+          persistToggle = true
+        }
+      }
 
       // Expand the group if it's collapsed.
       const collapsedParentItem = target.closest<HTMLElement>(

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

@@ -109,6 +109,11 @@
 
 .SearchFields-sort-item-span {
   @apply me-auto text-sm font-semibold text-gray-900;
+
+  /* "Deprecated" label after deprecated field names */
+  > .Label {
+    @apply ms-2;
+  }
 }
 
 .SearchFields-drag {

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

@@ -221,7 +221,7 @@
   }
 }
 
-btu-widget.SearchWidget-moreFilters {
+btu-legacy-widget.SearchWidget-moreFilters {
   @apply col-span-full;
 
   /* Override styles in Widget.css to prevent focus ring from being cut off */
@@ -262,9 +262,9 @@ btu-widget.SearchWidget-moreFilters {
   @apply border-e border-e-gray-200 transition-opacity duration-100 ease-in [grid-area:history];
 }
 
-btu-widget.SearchWidget-recent,
-btu-widget.SearchWidget-saved,
-btu-widget.SearchWidget-create {
+btu-legacy-widget.SearchWidget-recent,
+btu-legacy-widget.SearchWidget-saved,
+btu-legacy-widget.SearchWidget-create {
   .Widget-title {
     @apply border-b-0 border-t border-t-gray-200;
   }

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

@@ -3,7 +3,7 @@ import { announce } from './dom/aria'
 import { toggleMenu } from './dom/popupMenu'
 import Widget from './widget'
 
-onFind('btu-widget.SearchWidget-moreFilters', (widget: Widget) => {
+onFind('btu-legacy-widget.SearchWidget-moreFilters', (widget: Widget) => {
   const toggleTitle = () => {
     if (widget.collapsed) {
       widget.heading = widget.dataset.moreFiltersLabel

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

@@ -27,7 +27,7 @@
 }
 
 /* Highlight misspelled text in blue when suggestions are open */
-.Page:has(> .ProseMirror-spellcheck-suggestions.is-opening) {
+.ProseMirror.is-spellcheck-open {
   .problem[data-suggestions]::selection {
     @apply bg-primary-50 text-primary-900;
   }

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

@@ -374,13 +374,13 @@
 }
 
 /* Search Widget styles */
-btu-widget.SearchWidget-moreFilters {
+btu-legacy-widget.SearchWidget-moreFilters {
   --space: 0rem;
 }
 
-btu-widget.SearchWidget-recent,
-btu-widget.SearchWidget-saved,
-btu-widget.SearchWidget-create {
+btu-legacy-widget.SearchWidget-recent,
+btu-legacy-widget.SearchWidget-saved,
+btu-legacy-widget.SearchWidget-create {
   --space: 1rem;
 }
 

package/src/legacy/tool-ui/src/main/webapp/dist/4374.37147747a254da8f5f8a.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkbrightspot_cms=self.webpackChunkbrightspot_cms||[]).push([[4374],{4658(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(4658),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))}}}}]);