@coveo/atomic 3.63.0 → 3.64.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/custom-elements.json +12837 -12661
  2. package/dist/cjs/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.cjs +1 -0
  3. package/dist/cjs/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.cjs +1 -1
  4. package/dist/cjs/components/commerce/atomic-commerce-facet/atomic-commerce-facet.cjs +1 -1
  5. package/dist/cjs/components/commerce/atomic-product-field-condition/atomic-product-field-condition.cjs +1 -4
  6. package/dist/cjs/components/commerce/atomic-product-template/atomic-product-template.cjs +15 -1
  7. package/dist/cjs/components/common/facets/facet-search/facet-search-aria-live.cjs +21 -8
  8. package/dist/cjs/components/common/query-error/icon.cjs +7 -26
  9. package/dist/cjs/components/common/query-error/icons.cjs +68 -0
  10. package/dist/cjs/components/common/template-controller/template-utils.cjs +9 -0
  11. package/dist/cjs/components/insight/atomic-insight-facet/atomic-insight-facet.cjs +1 -1
  12. package/dist/cjs/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.cjs +1 -5
  13. package/dist/cjs/components/insight/atomic-insight-result-template/atomic-insight-result-template.cjs +15 -1
  14. package/dist/cjs/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.cjs +3 -3
  15. package/dist/cjs/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.cjs +15 -1
  16. package/dist/cjs/components/search/atomic-category-facet/atomic-category-facet.cjs +1 -1
  17. package/dist/cjs/components/search/atomic-color-facet/atomic-color-facet.cjs +1 -1
  18. package/dist/cjs/components/search/atomic-facet/atomic-facet.cjs +1 -1
  19. package/dist/cjs/components/search/atomic-field-condition/atomic-field-condition.cjs +1 -4
  20. package/dist/cjs/components/search/atomic-result-children-template/atomic-result-children-template.cjs +15 -1
  21. package/dist/cjs/components/search/atomic-result-template/atomic-result-template.cjs +15 -1
  22. package/dist/cjs/decorators/bind-state.cjs +38 -8
  23. package/dist/cjs/decorators/with-tailwind-styles.cjs +2 -1
  24. package/dist/cjs/global/environment.cjs +1 -1
  25. package/dist/cjs/utils/init-queue.cjs +6 -4
  26. package/dist/cjs/utils/replace-breakpoint-utils.cjs +9 -4
  27. package/dist/cjs/versions.cjs +1 -1
  28. package/dist/esm/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js +1 -0
  29. package/dist/esm/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +1 -1
  30. package/dist/esm/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js +1 -1
  31. package/dist/esm/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js +1 -1
  32. package/dist/esm/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js +2 -5
  33. package/dist/esm/components/commerce/atomic-product-template/atomic-product-template.js +16 -2
  34. package/dist/esm/components/common/facets/facet-search/facet-search-aria-live.js +21 -8
  35. package/dist/esm/components/common/query-error/icon.js +5 -23
  36. package/dist/esm/components/common/query-error/icons.js +17 -0
  37. package/dist/esm/components/common/template-controller/template-utils.js +7 -1
  38. package/dist/esm/components/insight/atomic-insight-facet/atomic-insight-facet.js +1 -1
  39. package/dist/esm/components/insight/atomic-insight-result-children/atomic-insight-result-children.js +1 -1
  40. package/dist/esm/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.js +2 -6
  41. package/dist/esm/components/insight/atomic-insight-result-template/atomic-insight-result-template.js +16 -2
  42. package/dist/esm/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.js +3 -3
  43. package/dist/esm/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.js +16 -2
  44. package/dist/esm/components/search/atomic-category-facet/atomic-category-facet.js +1 -1
  45. package/dist/esm/components/search/atomic-color-facet/atomic-color-facet.js +1 -1
  46. package/dist/esm/components/search/atomic-facet/atomic-facet.js +1 -1
  47. package/dist/esm/components/search/atomic-field-condition/atomic-field-condition.js +2 -5
  48. package/dist/esm/components/search/atomic-result-children-template/atomic-result-children-template.js +16 -2
  49. package/dist/esm/components/search/atomic-result-template/atomic-result-template.js +16 -2
  50. package/dist/esm/components/search/atomic-search-box/atomic-search-box.js +1 -1
  51. package/dist/esm/decorators/bind-state.js +38 -8
  52. package/dist/esm/decorators/with-tailwind-styles.js +2 -1
  53. package/dist/esm/global/environment.js +1 -1
  54. package/dist/esm/utils/init-queue.js +6 -4
  55. package/dist/esm/utils/replace-breakpoint-utils.js +9 -4
  56. package/dist/esm/versions.js +1 -1
  57. package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts +12 -0
  58. package/dist/types/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.d.ts +4 -4
  59. package/dist/types/components/common/facets/facet-search/facet-search-aria-live.d.ts +7 -1
  60. package/dist/types/components/common/query-error/icon.d.ts +6 -0
  61. package/dist/types/components/common/query-error/icons.d.ts +5 -0
  62. package/dist/types/components/common/template-controller/template-utils.d.ts +7 -0
  63. package/dist/types/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.d.ts +4 -4
  64. package/dist/types/components/insight/atomic-insight-result-template/atomic-insight-result-template.d.ts +12 -0
  65. package/dist/types/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.d.ts +12 -0
  66. package/dist/types/components/search/atomic-result-children-template/atomic-result-children-template.d.ts +12 -0
  67. package/dist/types/components/search/atomic-result-template/atomic-result-template.d.ts +12 -0
  68. package/dist/types/utils/init-queue.d.ts +3 -2
  69. package/docs/adr/0001-group-shared-modules-in-one-cdn-chunk.md +147 -0
  70. package/package.json +6 -6
@@ -2,7 +2,7 @@ import { ResultTemplatesHelpers } from "@coveo/headless";
2
2
  import { LitElement, nothing } from "lit";
3
3
  import { customElement, property, state } from "lit/decorators.js";
4
4
  import { ResultTemplateController } from "../../common/result-templates/result-template-controller.js";
5
- import { makeMatchConditions } from "../../common/template-controller/template-utils.js";
5
+ import { makeFieldConditions } from "../../common/template-controller/template-utils.js";
6
6
  import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
7
7
  import { mapProperty } from "../../../utils/props-utils.js";
8
8
  import "../../common/atomic-component-error/atomic-component-error.js";
@@ -20,7 +20,7 @@ function _ts_metadata(metadataKey, metadataValue) {
20
20
  class AtomicResultChildrenTemplate extends LitElement {
21
21
  connectedCallback() {
22
22
  super.connectedCallback();
23
- this.resultTemplateController.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch, ResultTemplatesHelpers);
23
+ this.resultTemplateController.matchConditions = makeFieldConditions(this, ResultTemplatesHelpers);
24
24
  }
25
25
  render() {
26
26
  return nothing;
@@ -47,6 +47,20 @@ _ts_decorate([
47
47
  }),
48
48
  _ts_metadata("design:type", Array)
49
49
  ], AtomicResultChildrenTemplate.prototype, "conditions", void 0);
50
+ _ts_decorate([
51
+ property({
52
+ type: String,
53
+ attribute: 'if-defined'
54
+ }),
55
+ _ts_metadata("design:type", String)
56
+ ], AtomicResultChildrenTemplate.prototype, "ifDefined", void 0);
57
+ _ts_decorate([
58
+ property({
59
+ type: String,
60
+ attribute: 'if-not-defined'
61
+ }),
62
+ _ts_metadata("design:type", String)
63
+ ], AtomicResultChildrenTemplate.prototype, "ifNotDefined", void 0);
50
64
  _ts_decorate([
51
65
  mapProperty({
52
66
  splitValues: true,
@@ -2,7 +2,7 @@ import { ResultTemplatesHelpers } from "@coveo/headless";
2
2
  import { LitElement, nothing } from "lit";
3
3
  import { customElement, property, state } from "lit/decorators.js";
4
4
  import { ResultTemplateController } from "../../common/result-templates/result-template-controller.js";
5
- import { makeMatchConditions } from "../../common/template-controller/template-utils.js";
5
+ import { makeFieldConditions } from "../../common/template-controller/template-utils.js";
6
6
  import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
7
7
  import { mapProperty } from "../../../utils/props-utils.js";
8
8
  import "../../common/atomic-component-error/atomic-component-error.js";
@@ -21,7 +21,7 @@ function _ts_metadata(metadataKey, metadataValue) {
21
21
  class AtomicResultTemplate extends LitElement {
22
22
  connectedCallback() {
23
23
  super.connectedCallback();
24
- this.resultTemplateController.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch, ResultTemplatesHelpers);
24
+ this.resultTemplateController.matchConditions = makeFieldConditions(this, ResultTemplatesHelpers);
25
25
  }
26
26
  render() {
27
27
  return nothing;
@@ -52,6 +52,20 @@ _ts_decorate([
52
52
  }),
53
53
  _ts_metadata("design:type", Array)
54
54
  ], AtomicResultTemplate.prototype, "conditions", void 0);
55
+ _ts_decorate([
56
+ property({
57
+ type: String,
58
+ attribute: 'if-defined'
59
+ }),
60
+ _ts_metadata("design:type", String)
61
+ ], AtomicResultTemplate.prototype, "ifDefined", void 0);
62
+ _ts_decorate([
63
+ property({
64
+ type: String,
65
+ attribute: 'if-not-defined'
66
+ }),
67
+ _ts_metadata("design:type", String)
68
+ ], AtomicResultTemplate.prototype, "ifNotDefined", void 0);
55
69
  _ts_decorate([
56
70
  mapProperty({
57
71
  splitValues: true,
@@ -394,7 +394,7 @@ AtomicSearchBox.shadowRootOptions = {
394
394
  ...LitElement.shadowRootOptions,
395
395
  delegatesFocus: true
396
396
  };
397
- AtomicSearchBox.styles = css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme;@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,var(--atomic-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{display:block}:host,button,input,select{font-family:var(--atomic-font-family);font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}button{cursor:pointer}:host(.atomic-hidden){display:none}.ripple{pointer-events:none;animation:ripple var(--animation-duration) linear;border-radius:50%;position:absolute;transform:scale(0)}.ripple-relative{position:relative}.ripple-parent{overflow:hidden}@keyframes ripple{to{opacity:0;transform:scale(4)}}}@layer components{.input-primary{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background)}@media (hover:hover){.input-primary:hover{border-color:var(--atomic-primary-light)}}.input-primary:focus-visible{border-color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-radio{appearance:none}.btn-radio:before{--tw-content:attr(value);content:var(--tw-content)}.btn-primary{border-radius:var(--atomic-border-radius);background-color:var(--atomic-primary);color:var(--atomic-on-primary)}@media (hover:hover){.btn-primary:hover{background-color:var(--atomic-primary-light)}}.btn-primary:focus-visible{background-color:var(--atomic-primary-light);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-primary:disabled{cursor:not-allowed;background-color:var(--atomic-disabled)}.btn-outline-primary{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background);color:var(--atomic-primary)}@media (hover:hover){.btn-outline-primary:hover{border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}}.btn-outline-primary:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-primary:disabled{cursor:not-allowed;border-color:var(--atomic-neutral);color:var(--atomic-neutral)}.btn-text-primary{border-radius:var(--atomic-border-radius);background-color:var(--atomic-background);color:var(--atomic-primary)}@media (hover:hover){.btn-text-primary:hover{background-color:var(--atomic-neutral-light)}}.btn-text-primary:focus-visible{background-color:var(--atomic-neutral-light);--tw-outline-style:none;outline-style:none}.btn-outline-neutral{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background);color:var(--atomic-on-background)}@media (hover:hover){.btn-outline-neutral:hover{border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-neutral:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-neutral:disabled{cursor:not-allowed;opacity:.5}.btn-outline-bg-neutral,.btn-outline-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background)}.btn-outline-bg-neutral{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--atomic-background)}@media (hover:hover){.btn-outline-bg-neutral:hover{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-outline-bg-neutral:focus-visible{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-neutral:disabled{cursor:not-allowed;opacity:.5}.btn-outline-bg-error,.btn-outline-bg-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background)}.btn-outline-bg-error{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--atomic-background)}@media (hover:hover){.btn-outline-bg-error:hover{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-outline-bg-error:focus-visible{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-error:disabled{cursor:not-allowed;opacity:.5}.btn-outline-bg-error:disabled,.btn-outline-error{border-color:var(--atomic-neutral);color:var(--atomic-on-background)}.btn-outline-error{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--atomic-background)}@media (hover:hover){.btn-outline-error:hover{border-color:var(--atomic-error);color:var(--atomic-error)}}.btn-outline-error:focus-visible{border-color:var(--atomic-error);color:var(--atomic-error);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-error:disabled{cursor:not-allowed;border-color:var(--atomic-neutral);color:var(--atomic-on-background);opacity:.5}.btn-text-neutral{border-radius:var(--atomic-border-radius);background-color:var(--atomic-background);color:var(--atomic-on-background)}@media (hover:hover){.btn-text-neutral:hover{background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-text-neutral:focus-visible{background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-outline-style:none;outline-style:none}.btn-text-transparent{color:var(--atomic-on-background)}@media (hover:hover){.btn-text-transparent:hover{color:var(--atomic-primary-light)}}.btn-text-transparent:focus-visible{color:var(--atomic-primary-light)}.btn-square-neutral{border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background);color:var(--atomic-on-background)}@media (hover:hover){.btn-square-neutral:hover{background-color:var(--atomic-neutral-light)}}.btn-square-neutral:focus-visible{background-color:var(--atomic-neutral-light);--tw-outline-style:none;outline-style:none}.btn-page{border-style:var(--tw-border-style);width:2.5rem;height:2.5rem;font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556);border-width:0;place-items:center;display:grid}@media (hover:hover){.btn-page:hover{border-style:var(--tw-border-style);border-width:1px}}.btn-page:focus-visible{border-style:var(--tw-border-style);border-width:1px}.btn-page.selected{border-style:var(--tw-border-style);border-width:2px;border-color:var(--atomic-primary);--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}}@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-2{top:-.5rem}.-top-4{top:-1rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[4px\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:-.5rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-12{right:3rem}.right-px{right:1px}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-px{bottom:1px}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-\\[15px\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\\!{width:100%!important}@media (min-width:1024px){.container\\!{max-width:1024px!important}}@media (min-width:40rem){.container\\!{max-width:40rem!important}}@media (min-width:48rem){.container\\!{max-width:48rem!important}}@media (min-width:64rem){.container\\!{max-width:64rem!important}}@media (min-width:80rem){.container\\!{max-width:80rem!important}}@media (min-width:96rem){.container\\!{max-width:96rem!important}}.m-0{margin:0}.m-2{margin:.5rem}.mx-0{margin-inline:0}.mx-0\\.5{margin-inline:.125rem}.mx-1{margin-inline:.25rem}.mx-6{margin-inline:1.5rem}.mx-16{margin-inline:4rem}.mx-auto{margin-inline:auto}.-my-2{margin-block:-.5rem}.my-1\\.5{margin-block:.375rem}.my-2{margin-block:.5rem}.my-3{margin-block:.75rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.my-auto{margin-block:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-px{margin-top:1px}.mr-0{margin-right:0}.mr-0\\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\[auto\\]{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){.aspect-square-\\[auto\\]{height:auto}}.aspect-square{aspect-ratio:1}.size-\\[27px\\]{width:27px;height:27px}.h-1{height:.25rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-5\\/6{height:83.3333%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-\\[1lh\\]{height:1lh}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.min-h-3{min-height:.75rem}.min-h-5{min-height:1.25rem}.min-h-10{min-height:2.5rem}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\.5{width:.125rem}.w-1{width:.25rem}.w-1\\/2{width:50%}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\\/6{width:83.3333%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-26{width:6.5rem}.w-32{width:8rem}.w-36{width:9rem}.w-48{width:12rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-100{width:25rem}.w-\\[2\\.6rem\\]{width:2.6rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4\\/5{max-width:80%}.max-w-60{max-width:15rem}.max-w-\\[30ch\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\/2{flex-basis:50%}.basis-8{flex-basis:2rem}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-1\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\/2{--tw-translate-x:50%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\[10px_1fr\\]{grid-template-columns:10px 1fr}.grid-cols-\\[min-content_1fr\\]{grid-template-columns:min-content 1fr}.grid-cols-\\[min-content_auto\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem*var(--tw-space-y-reverse));margin-block-end:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.gap-x-1\\.5{column-gap:.375rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}:where(.space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.375rem*var(--tw-space-x-reverse));margin-inline-end:calc(.375rem*(1 - var(--tw-space-x-reverse)))}.gap-y-0\\.5{row-gap:.125rem}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral>:not(:last-child)){border-color:var(--atomic-neutral)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border,.border-0{border-style:var(--tw-border-style)}.border-0{border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--atomic-error)}.border-gray-200{border-color:oklch(92.8% .006 264.531)}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\[\\#F1F2FF\\]{background-color:#f1f2ff}.bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\]{background-color:#282828cc}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:oklch(98.5% .002 247.839)}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-dark{background-color:var(--atomic-neutral-dark)}.bg-neutral-dim{background-color:var(--atomic-neutral-dim)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-success{background-color:var(--atomic-success)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-background\\/60{--tw-gradient-from:color-mix(in oklab, var(--atomic-background) 60%, transparent)}}.from-background\\/60,.from-more-results-progress-bar-color-from{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.stroke-\\[1\\.25\\]{stroke-width:1.25px}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-7{padding-inline:1.75rem}.px-9{padding-inline:2.25rem}.py-0\\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-2\\.5{padding-block:.625rem}.py-3{padding-block:.75rem}.py-3\\.5{padding-block:.875rem}.py-4{padding-block:1rem}.py-4\\.5{padding-block:1.125rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.pt-0\\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-24{padding-right:6rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,1.33333)}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556)}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,1.42857)}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,1.4)}.text-xs{font-size:.75rem;line-height:var(--tw-leading,1.33333)}.text-xs\\/\\[1rem\\]{font-size:.75rem;line-height:1rem}.leading-4{--tw-leading:1rem;line-height:1rem}.leading-5{--tw-leading:1.25rem;line-height:1.25rem}.leading-6{--tw-leading:1.5rem;line-height:1.5rem}.leading-8{--tw-leading:2rem;line-height:2rem}.leading-10{--tw-leading:2.5rem;line-height:2.5rem}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[calc\\(1\\/\\.75\\)\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\[var\\(--line-height\\)\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:300;font-weight:300}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:600;font-weight:600}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#54698D\\]{color:#54698d}.text-\\[inherit\\]{color:inherit}.text-black{color:#000}.text-error{color:var(--atomic-error)}.text-gray-500{color:oklch(55.1% .027 264.364)}.text-gray-600{color:oklch(44.6% .03 256.802)}.text-gray-700{color:oklch(37.3% .034 259.733)}.text-gray-900{color:oklch(21% .034 264.665)}.text-green-600{color:oklch(62.7% .194 149.214)}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(--atomic-rating-icon-inactive-color,var(--atomic-neutral))}.text-red-600{color:oklch(57.7% .245 27.325)}.text-success{color:var(--atomic-success)}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.placeholder-neutral-dark::placeholder{color:var(--atomic-neutral-dark)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-inner-primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner-primary{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--atomic-primary))}.shadow-lg{--tw-shadow:0px 2px 8px var(--tw-shadow-color,#e5e8e8bf)}.shadow-lg,.shadow-t-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-t-lg{--tw-shadow:0px -2px 8px var(--tw-shadow-color,#e5e8e8bf)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-1,.ring-3{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-primary{--tw-ring-color:var(--atomic-primary)}.ring-ring-primary{--tw-ring-color:var(--atomic-ring-primary)}.outline{outline-width:1px}.outline,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.outline-error{outline-color:var(--atomic-error)}.outline-neutral{outline-color:var(--atomic-neutral)}.outline-primary{outline-color:var(--atomic-primary)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events}.transition,.transition-\\[visibility\\]{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-\\[visibility\\]{transition-property:visibility}.transition-all{transition-property:all}.transition-all,.transition-colors{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[grid-area\\:modal\\]{grid-area:modal}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:bg-neutral-dark:is(:where(.group):hover *){background-color:var(--atomic-neutral-dark)}.group-hover\\:text-error:is(:where(.group):hover *){color:var(--atomic-error)}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--atomic-primary)}.group-hover\\:text-primary-light:is(:where(.group):hover *){color:var(--atomic-primary-light)}}.group-focus\\:text-primary:is(:where(.group):focus *){color:var(--atomic-primary)}.group-focus\\:text-primary-light:is(:where(.group):focus *){color:var(--atomic-primary-light)}.group-focus-visible\\:text-error:is(:where(.group):focus-visible *){color:var(--atomic-error)}.group-focus-visible\\:text-primary:is(:where(.group):focus-visible *){color:var(--atomic-primary)}.group-has-\\[button\\:hover\\]\\/title\\:bg-neutral-dark:is(:where(.group\\/title):has(:is(button:hover)) *){background-color:var(--atomic-neutral-dark)}.peer-focus-within\\:border-primary-light:is(:where(.peer):focus-within~*){border-color:var(--atomic-primary-light)}.peer-focus-within\\:text-primary-light:is(:where(.peer):focus-within~*){color:var(--atomic-primary-light)}@media (hover:hover){.peer-hover\\:border-primary-light:is(:where(.peer):hover~*){border-color:var(--atomic-primary-light)}.peer-hover\\:text-error:is(:where(.peer):hover~*){color:var(--atomic-error)}.peer-hover\\:text-primary-light:is(:where(.peer):hover~*){color:var(--atomic-primary-light)}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:top-\\[-8px\\]:before{content:var(--tw-content);top:-8px}.before\\:left-0:before{content:var(--tw-content);left:0}.before\\:inline:before{content:var(--tw-content);display:inline}.before\\:h-\\[8px\\]:before{content:var(--tw-content);height:8px}.before\\:w-px:before{content:var(--tw-content);width:1px}.before\\:bg-neutral:before{content:var(--tw-content);background-color:var(--atomic-neutral)}.before\\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.before\\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]:before{--tw-content:", ";content:var(--tw-content)}@media (hover:hover){.group-hover\\:before\\:bg-neutral-dark:is(:where(.group):hover *):before{content:var(--tw-content);background-color:var(--atomic-neutral-dark)}}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:-bottom-0\\.5:after{content:var(--tw-content);bottom:-.125rem}.after\\:bottom-\\[-8px\\]:after{content:var(--tw-content);bottom:-8px}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:h-\\[8px\\]:after{content:var(--tw-content);height:8px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:w-px:after{content:var(--tw-content);width:1px}.after\\:rounded:after{content:var(--tw-content);border-radius:var(--atomic-border-radius)}.after\\:bg-neutral:after{content:var(--tw-content);background-color:var(--atomic-neutral)}.after\\:bg-primary:after{content:var(--tw-content);background-color:var(--atomic-primary)}.after\\:transition-colors:after{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.after\\:duration-150:after{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\\:after\\:bg-neutral-dark:is(:where(.group):hover *):after{content:var(--tw-content);background-color:var(--atomic-neutral-dark)}}.focus-within\\:border-disabled:focus-within{border-color:var(--atomic-disabled)}.focus-within\\:border-primary:focus-within{border-color:var(--atomic-primary)}.focus-within\\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-neutral:focus-within{--tw-ring-color:var(--atomic-neutral)}.focus-within\\:ring-ring-primary:focus-within{--tw-ring-color:var(--atomic-ring-primary)}@media (hover:hover){.hover\\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\\:border-error:hover{border-color:var(--atomic-error)}.hover\\:border-primary-light:hover{border-color:var(--atomic-primary-light)}.hover\\:bg-error:hover{background-color:var(--atomic-error)}.hover\\:bg-neutral:hover{background-color:var(--atomic-neutral)}.hover\\:bg-neutral-dark:hover{background-color:var(--atomic-neutral-dark)}.hover\\:bg-neutral-light:hover{background-color:var(--atomic-neutral-light)}.hover\\:bg-primary-light:hover{background-color:var(--atomic-primary-light)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:fill-white:hover{fill:#fff}.hover\\:text-error:hover{color:var(--atomic-error)}.hover\\:text-primary:hover{color:var(--atomic-primary)}.hover\\:text-primary-light:hover{color:var(--atomic-primary-light)}.hover\\:text-success:hover{color:var(--atomic-success)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:border:focus-visible{border-style:var(--tw-border-style);border-width:1px}.focus-visible\\:border-error:focus-visible{border-color:var(--atomic-error)}.focus-visible\\:border-primary:focus-visible{border-color:var(--atomic-primary)}.focus-visible\\:border-primary-light:focus-visible{border-color:var(--atomic-primary-light)}.focus-visible\\:bg-error:focus-visible{background-color:var(--atomic-error)}.focus-visible\\:bg-neutral-light:focus-visible{background-color:var(--atomic-neutral-light)}.focus-visible\\:bg-primary-light:focus-visible{background-color:var(--atomic-primary-light)}.focus-visible\\:text-primary:focus-visible{color:var(--atomic-primary)}.focus-visible\\:text-primary-light:focus-visible{color:var(--atomic-primary-light)}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-primary:focus-visible{--tw-ring-color:var(--atomic-primary)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:bg-primary\\/60:disabled{background-color:#126ce099}@supports (color:color-mix(in lab,red,red)){.disabled\\:bg-primary\\/60:disabled{background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}.disabled\\:opacity-100:disabled{opacity:1}@media (min-width:1024px){.desktop\\:mt-2{margin-top:.5rem}}@media (min-width:40rem){.sm\\:px-6{padding-inline:1.5rem}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(){visibility:visible}}.loading{--tw-gradient-from:var(--atomic-primary-dark);--tw-gradient-to:var(--atomic-primary-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.loading:after{content:"";background-color:var(--atomic-background);border-radius:3.40282e+38px;width:83.3333%;height:83.3333%;position:absolute}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none}[part=textarea-expander]>[part=textarea]::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=textarea]{z-index:10;resize:none;height:100%;font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556);white-space:nowrap;color:var(--atomic-neutral-dark);--tw-outline-style:none;background-color:#0000;outline-style:none;flex-grow:1;grid-area:1/1/2/2;padding-block:.875rem;padding-inline:1rem;overflow:hidden}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[part=textarea]{white-space:pre-wrap;max-height:8em;overflow-y:auto}[part~=instant-results-item]{padding:.75rem}[part~=instant-results-show-all]{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--atomic-neutral);box-sizing:content-box;justify-content:center;margin-top:auto;padding-block:.25rem}[part~=instant-results-show-all] button{background-color:#0000}[part~=suggestions-left]+[part~=suggestions-right]{border-left-style:var(--tw-border-style);border-left-width:1px;border-left-color:var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column}@media (min-width:1024px){[part~=suggestions-wrapper]{flex-direction:row}}:host{z-index:10;position:relative}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}`;
397
+ AtomicSearchBox.styles = css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-border-style:solid}}}.loading{--tw-gradient-from:var(--atomic-primary-dark);--tw-gradient-to:var(--atomic-primary-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.loading:after{content:"";background-color:var(--atomic-background);border-radius:3.40282e+38px;width:83.3333%;height:83.3333%;position:absolute}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none}[part=textarea-expander]>[part=textarea]::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=textarea]{z-index:10;resize:none;height:100%;font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556);white-space:nowrap;color:var(--atomic-neutral-dark);--tw-outline-style:none;background-color:#0000;outline-style:none;flex-grow:1;grid-area:1/1/2/2;padding-block:.875rem;padding-inline:1rem;overflow:hidden}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[part=textarea]{white-space:pre-wrap;max-height:8em;overflow-y:auto}[part~=instant-results-item]{padding:.75rem}[part~=instant-results-show-all]{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--atomic-neutral);box-sizing:content-box;justify-content:center;margin-top:auto;padding-block:.25rem}[part~=instant-results-show-all] button{background-color:#0000}[part~=suggestions-left]+[part~=suggestions-right]{border-left-style:var(--tw-border-style);border-left-width:1px;border-left-color:var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column}@media (min-width:1024px){[part~=suggestions-wrapper]{flex-direction:row}}:host{z-index:10;position:relative}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`;
398
398
  _ts_decorate([
399
399
  state(),
400
400
  _ts_metadata("design:type", "u" < typeof Bindings ? Object : Bindings)
@@ -1,24 +1,54 @@
1
+ const subscriptionsByComponent = new WeakMap();
2
+ function getSubscriptions(component) {
3
+ let subscriptions = subscriptionsByComponent.get(component);
4
+ if (!subscriptions) {
5
+ const newSubscriptions = new Set();
6
+ subscriptionsByComponent.set(component, newSubscriptions);
7
+ component.addController({
8
+ hostConnected () {
9
+ newSubscriptions.forEach((subscription)=>{
10
+ subscription.unsubscribe ??= subscription.subscribe();
11
+ });
12
+ },
13
+ hostDisconnected () {
14
+ if (component.isConnected) return;
15
+ newSubscriptions.forEach((subscription)=>{
16
+ subscription.unsubscribe?.();
17
+ subscription.unsubscribe = void 0;
18
+ });
19
+ }
20
+ });
21
+ subscriptions = newSubscriptions;
22
+ }
23
+ return subscriptions;
24
+ }
25
+ function releaseSubscriptions(component) {
26
+ const subscriptions = subscriptionsByComponent.get(component);
27
+ subscriptions?.forEach((subscription)=>subscription.unsubscribe?.());
28
+ subscriptions?.clear();
29
+ }
1
30
  function bindStateToController(controllerProperty, options) {
2
31
  return (proto, stateProperty)=>{
3
32
  const ctor = proto.constructor;
4
33
  ctor.addInitializer((instance)=>{
5
34
  const component = instance;
6
- const { disconnectedCallback, initialize } = component;
35
+ const { initialize } = component;
7
36
  component.initialize = function() {
37
+ releaseSubscriptions(component);
8
38
  initialize?.call(this);
9
39
  if (!initialize) return console.error(`ControllerState: The "initialize" method has to be defined and instantiate a controller for the property ${controllerProperty.toString()}`, component);
10
40
  if (!component[controllerProperty]) return console.error(`${controllerProperty.toString()} property is not defined on component`, component);
11
41
  if (options?.onUpdateCallbackMethod && !component[options.onUpdateCallbackMethod]) return console.error(`ControllerState: The onUpdateCallbackMethod property "${options.onUpdateCallbackMethod}" is not defined`, component);
12
42
  const controller = component[controllerProperty];
13
43
  const updateCallback = options?.onUpdateCallbackMethod ? component[options.onUpdateCallbackMethod] : void 0;
14
- const unsubscribeController = controller.subscribe(()=>{
15
- component[stateProperty] = controller.state;
16
- 'function' == typeof updateCallback && updateCallback();
17
- });
18
- component.disconnectedCallback = ()=>{
19
- component.isConnected || unsubscribeController?.();
20
- disconnectedCallback?.call(component);
44
+ const subscription = {
45
+ subscribe: ()=>controller.subscribe(()=>{
46
+ component[stateProperty] = controller.state;
47
+ 'function' == typeof updateCallback && updateCallback();
48
+ })
21
49
  };
50
+ if (component.isConnected) subscription.unsubscribe = subscription.subscribe();
51
+ getSubscriptions(component).add(subscription);
22
52
  };
23
53
  });
24
54
  };
@@ -1,5 +1,6 @@
1
1
  import { unsafeCSS } from "lit";
2
2
  import tailwind_global_tw from "../utils/tailwind.global.tw.css";
3
+ const tailwindStyles = unsafeCSS(tailwind_global_tw);
3
4
  const tailwindPropertiesSheet = "u" > typeof window ? (()=>{
4
5
  const propCss = tailwind_global_tw;
5
6
  const fullCss = Array.isArray(propCss) ? propCss.join('') : propCss;
@@ -26,7 +27,7 @@ const withTailwindStyles = (Base)=>class extends Base {
26
27
  }
27
28
  static get styles() {
28
29
  const baseStyles = [
29
- unsafeCSS(tailwind_global_tw)
30
+ tailwindStyles
30
31
  ];
31
32
  const customStyles = Base.styles;
32
33
  if (Array.isArray(customStyles)) return [
@@ -3,7 +3,7 @@ function getWindow() {
3
3
  }
4
4
  function getAtomicEnvironment(headlessVersion) {
5
5
  return {
6
- version: "3.63.0",
6
+ version: "3.64.0",
7
7
  headlessVersion
8
8
  };
9
9
  }
@@ -2,11 +2,13 @@ function getWindow() {
2
2
  return window;
3
3
  }
4
4
  function getInitQueueNamespace() {
5
- if (!getWindow().initQueueNamespace) getWindow().initQueueNamespace = {
6
- eventQueueMap: new Map(),
7
- parentReadyMap: new Map()
5
+ const namespace = getWindow().initQueueNamespace ??= {
6
+ eventQueueMap: new WeakMap(),
7
+ parentReadyMap: new WeakMap()
8
8
  };
9
- return getWindow().initQueueNamespace;
9
+ if (namespace.eventQueueMap instanceof Map) namespace.eventQueueMap = new WeakMap(namespace.eventQueueMap);
10
+ if (namespace.parentReadyMap instanceof Map) namespace.parentReadyMap = new WeakMap(namespace.parentReadyMap);
11
+ return namespace;
10
12
  }
11
13
  function getEventQueueMap() {
12
14
  return getInitQueueNamespace().eventQueueMap;
@@ -5,11 +5,16 @@ function replaceMediaQuery(style, mobileBreakpoint) {
5
5
  return style.replace(regex, `(width >= ${mobileBreakpoint})`);
6
6
  }
7
7
  function replaceStyleSheet(element, mobileBreakpoint) {
8
- const stylesheets = element.shadowRoot?.adoptedStyleSheets;
9
- if (!stylesheets || !stylesheets.length) return;
10
- const stylesheet = stylesheets[0];
8
+ const shadowRoot = element.shadowRoot;
9
+ const [stylesheet, ...otherStylesheets] = shadowRoot?.adoptedStyleSheets ?? [];
10
+ if (!shadowRoot || !stylesheet) return;
11
11
  const style = Object.values(stylesheet.cssRules).map((rule)=>rule.cssText).join('');
12
- stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));
12
+ const replacedStylesheet = new CSSStyleSheet();
13
+ replacedStylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));
14
+ shadowRoot.adoptedStyleSheets = [
15
+ replacedStylesheet,
16
+ ...otherStylesheets
17
+ ];
13
18
  }
14
19
  function replateStyleContent(element, breakpoint) {
15
20
  const styleTag = element.shadowRoot?.querySelector('style');
@@ -1,3 +1,3 @@
1
- const atomicVersion = "3.63.0";
1
+ const atomicVersion = "3.64.0";
2
2
  export { version as headlessVersion } from "@coveo/headless/package.json";
3
3
  export { atomicVersion };
@@ -21,6 +21,18 @@ export declare class AtomicProductTemplate extends LitElement implements LitElem
21
21
  * `document.querySelector('#target-template').conditions = [(product) => /singapore/i.test(product.ec_name)];`
22
22
  */
23
23
  conditions: ProductTemplateCondition[];
24
+ /**
25
+ * The comma-separated list of fields that must all be defined on a product for the template to apply.
26
+ * For example, a template with the following attribute only applies to products whose `ec_brand` and `ec_rating` fields are both defined:
27
+ * `if-defined="ec_brand,ec_rating"`
28
+ */
29
+ ifDefined?: string;
30
+ /**
31
+ * The comma-separated list of fields that must all be undefined on a product for the template to apply.
32
+ * For example, a template with the following attribute only applies to products that have neither an `ec_brand` nor an `ec_rating` field:
33
+ * `if-not-defined="ec_brand,ec_rating"`
34
+ */
35
+ ifNotDefined?: string;
24
36
  /**
25
37
  * The field and values that define which products the condition must be applied to.
26
38
  * For example, a template with the following attribute only applies to products whose `ec_brand` is `Barca` or `Acme`:
@@ -12,7 +12,7 @@ declare const AtomicSmartSnippetSource_base: import("../../../mixins/mixin-commo
12
12
  * @part source-title - The clickable title of the source.
13
13
  * @event select-source - Emitted when the source link is selected.
14
14
  * @event begin-delayed-select-source - Emitted when a delayed source selection begins.
15
- * @event cancel-delayed-select-source - Emitted when a pending source selection is cancelled.
15
+ * @event cancel-pending-select-source - Emitted when a pending source selection is cancelled.
16
16
  * @internal
17
17
  */
18
18
  export declare class AtomicSmartSnippetSource extends AtomicSmartSnippetSource_base implements InitializableComponent<AnyBindings> {
@@ -25,17 +25,17 @@ export declare class AtomicSmartSnippetSource extends AtomicSmartSnippetSource_b
25
25
  */
26
26
  anchorAttributes?: Attr[];
27
27
  /**
28
- * @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the event using the `@on-select-source` expression instead.
28
+ * @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the `select-source` event instead, using the `@select-source` expression.
29
29
  * Callback function for when the source is selected (backward compatibility).
30
30
  */
31
31
  onSelectSource?: () => void;
32
32
  /**
33
- * @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the event using the `@on-begin-delayed-select-source` expression instead.
33
+ * @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the `begin-delayed-select-source` event instead, using the `@begin-delayed-select-source` expression.
34
34
  * Callback function for when a delayed source selection begins (backward compatibility).
35
35
  */
36
36
  onBeginDelayedSelectSource?: () => void;
37
37
  /**
38
- * @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the event using the `@on-cancel-pending-select-source` expression instead.
38
+ * @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the `cancel-pending-select-source` event instead, using the `@cancel-pending-select-source` expression.
39
39
  * Callback function for when a pending source selection is cancelled (backward compatibility).
40
40
  */
41
41
  onCancelPendingSelectSource?: () => void;
@@ -1,6 +1,12 @@
1
1
  import type { Facet, FacetSearchState } from '@coveo/headless';
2
2
  import type { i18n } from 'i18next';
3
- export declare function announceFacetSearchResultsWithAriaLive(facet: Pick<Facet, 'subscribe'> & {
3
+ import type { ReactiveControllerHost } from 'lit';
4
+ /**
5
+ * Announces the number of facet search results through `setAriaLive` whenever a facet search
6
+ * completes. The facet subscription follows the lifecycle of `host`: it is released when the host
7
+ * leaves the DOM and restored when it comes back, without repeating the last announcement.
8
+ */
9
+ export declare function announceFacetSearchResultsWithAriaLive(host: ReactiveControllerHost & Element, facet: Pick<Facet, 'subscribe'> & {
4
10
  state: {
5
11
  facetSearch: FacetSearchState;
6
12
  };
@@ -3,5 +3,11 @@ import '../../common/atomic-icon/atomic-icon';
3
3
  interface QueryErrorIconProps {
4
4
  errorType?: string;
5
5
  }
6
+ /**
7
+ * Returns the illustration of an error type. The `Disconnected` illustration is bundled because the
8
+ * network may be down when it shows. The others are fetched when an error renders; if that fails,
9
+ * the error shows without an illustration.
10
+ */
11
+ export declare const loadQueryErrorIcon: (errorType?: string, loadIcons?: () => Promise<typeof import("./icons")>) => string | Promise<string>;
6
12
  export declare const renderQueryErrorIcon: FunctionalComponent<QueryErrorIconProps>;
7
13
  export {};
@@ -0,0 +1,5 @@
1
+ /**
2
+ * These query error illustrations weigh about 63 KB together. This module is only imported once an
3
+ * error is rendered, so pages that never hit an error do not download them.
4
+ */
5
+ export declare function getQueryErrorIcon(errorType?: string): string;
@@ -6,3 +6,10 @@ export interface TemplateHelpers<TCondition> {
6
6
  }
7
7
  export declare function makeMatchConditions<TCondition>(mustMatch: Record<string, string[]>, mustNotMatch: Record<string, string[]>, helpers: TemplateHelpers<TCondition>): TCondition[];
8
8
  export declare function makeDefinedConditions<TCondition>(ifDefined: string | undefined, ifNotDefined: string | undefined, helpers: TemplateHelpers<TCondition>): TCondition[];
9
+ export interface FieldConditionProps {
10
+ ifDefined?: string;
11
+ ifNotDefined?: string;
12
+ mustMatch: Record<string, string[]>;
13
+ mustNotMatch: Record<string, string[]>;
14
+ }
15
+ export declare function makeFieldConditions<TCondition>({ ifDefined, ifNotDefined, mustMatch, mustNotMatch }: FieldConditionProps, helpers: TemplateHelpers<TCondition>): TCondition[];
@@ -17,16 +17,16 @@ export declare class AtomicInsightResultChildrenTemplate extends LitElement impl
17
17
  */
18
18
  conditions: InsightResultTemplateCondition[];
19
19
  /**
20
- * The field that, when defined on a child result, allows this template to be applied.
20
+ * The comma-separated list of fields that must all be defined on a child result for the template to apply.
21
21
  *
22
- * For example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are defined:
22
+ * For example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are both defined:
23
23
  * `if-defined="filetype,sourcetype"`
24
24
  */
25
25
  ifDefined?: string;
26
26
  /**
27
- * The field that, when defined on a child result, prevents this template from being applied.
27
+ * The comma-separated list of fields that must all be undefined on a child result for the template to apply.
28
28
  *
29
- * For example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are NOT defined:
29
+ * For example, a template with the following attribute only applies to child results that have neither a `filetype` nor a `sourcetype` field:
30
30
  * `if-not-defined="filetype,sourcetype"`
31
31
  */
32
32
  ifNotDefined?: string;
@@ -19,6 +19,18 @@ export declare class AtomicInsightResultTemplate extends LitElement implements L
19
19
  * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
20
20
  */
21
21
  conditions: InsightResultTemplateCondition[];
22
+ /**
23
+ * The comma-separated list of fields that must all be defined on a result for the template to apply.
24
+ *
25
+ * For example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined: `if-defined="author,date"`
26
+ */
27
+ ifDefined?: string;
28
+ /**
29
+ * The comma-separated list of fields that must all be undefined on a result for the template to apply.
30
+ *
31
+ * For example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field: `if-not-defined="author,date"`
32
+ */
33
+ ifNotDefined?: string;
22
34
  /**
23
35
  * The field and values that define which result items the condition must be applied to.
24
36
  *
@@ -24,6 +24,18 @@ export declare class AtomicRecsResultTemplate extends LitElement implements LitE
24
24
  * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
25
25
  */
26
26
  conditions: RecsResultTemplateCondition[];
27
+ /**
28
+ * The comma-separated list of fields that must all be defined on a result for the template to apply.
29
+ * For example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:
30
+ * `if-defined="author,date"`
31
+ */
32
+ ifDefined?: string;
33
+ /**
34
+ * The comma-separated list of fields that must all be undefined on a result for the template to apply.
35
+ * For example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:
36
+ * `if-not-defined="author,date"`
37
+ */
38
+ ifNotDefined?: string;
27
39
  /**
28
40
  * The field and values that define which result items the condition must be applied to.
29
41
  * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
@@ -18,6 +18,18 @@ export declare class AtomicResultChildrenTemplate extends LitElement implements
18
18
  * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
19
19
  */
20
20
  conditions: ResultTemplateCondition[];
21
+ /**
22
+ * The comma-separated list of fields that must all be defined on a child result for the template to apply.
23
+ * For example, a template with the following attribute only applies to child results whose `author` and `date` fields are both defined:
24
+ * `if-defined="author,date"`
25
+ */
26
+ ifDefined?: string;
27
+ /**
28
+ * The comma-separated list of fields that must all be undefined on a child result for the template to apply.
29
+ * For example, a template with the following attribute only applies to child results that have neither an `author` nor a `date` field:
30
+ * `if-not-defined="author,date"`
31
+ */
32
+ ifNotDefined?: string;
21
33
  /**
22
34
  * The field and values that define which child results the condition must be applied to.
23
35
  * For example, a template with the following attribute only applies to child results whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
@@ -20,6 +20,18 @@ export declare class AtomicResultTemplate extends LitElement implements LitEleme
20
20
  * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
21
21
  */
22
22
  conditions: ResultTemplateCondition[];
23
+ /**
24
+ * The comma-separated list of fields that must all be defined on a result for the template to apply.
25
+ * For example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:
26
+ * `if-defined="author,date"`
27
+ */
28
+ ifDefined?: string;
29
+ /**
30
+ * The comma-separated list of fields that must all be undefined on a result for the template to apply.
31
+ * For example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:
32
+ * `if-not-defined="author,date"`
33
+ */
34
+ ifNotDefined?: string;
23
35
  /**
24
36
  * The field and values that define which results the condition must be applied to.
25
37
  * For example, a template with the following attribute only applies to results whose `sourcetype` is `YouTube` or `Salesforce`:
@@ -1,10 +1,11 @@
1
1
  import type { InitializeEventHandler } from './initialization-common-utils';
2
2
  export type InitializeEvent = CustomEvent<InitializeEventHandler>;
3
+ type ElementMap<V> = Map<Element, V> | WeakMap<Element, V>;
3
4
  declare global {
4
5
  interface Window {
5
6
  initQueueNamespace: {
6
- eventQueueMap: Map<Element, QueuedEvent[]>;
7
- parentReadyMap: Map<Element, boolean>;
7
+ eventQueueMap: ElementMap<QueuedEvent[]>;
8
+ parentReadyMap: ElementMap<boolean>;
8
9
  };
9
10
  }
10
11
  }