@wix/editor-react-components 1.2837.0 → 1.2839.0

package/dist/site/components/Checkbox/css.css

@@ -6,106 +6,61 @@
 }
 
 .field__R0D8f {
+  flex: 1;
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
-  row-gap: 4px;
 }
 
 .item__EzhwB {
   display: inline-flex;
   align-items: center;
-  column-gap: var(--gap, 8px);
-  justify-content: var(--alignment, flex-start);
-}
-
-.control__7-RJh {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-}
-.control__7-RJh:hover, .control__7-RJh:focus-within {
-  outline: none;
-}
-.control__7-RJh[data-disabled] {
-  cursor: default;
-  pointer-events: none;
-}
-
-.control__7-RJh:focus-visible .indicator__dzBy2,
-.control__7-RJh:has(:focus-visible) .indicator__dzBy2,
-.indicator__dzBy2.checkbox__indicator--focus {
-  outline: 2px solid #116dff;
-  outline-offset: 2px;
+  column-gap: var(--gap, 4px);
 }
 
 .indicator__dzBy2 {
   box-sizing: content-box;
-  position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  margin: 0;
+  padding: 0;
   width: var(--checkboxSize, 16px);
   height: var(--checkboxSize, 16px);
   border-style: solid;
-  border-color: var(--indicator-border);
-  border-width: var(--borderWidth, 1px);
-  background-color: var(--indicator-bg);
-  transition: background-color 0.2s linear, border-color 0.2s linear;
-  --indicator-bg: var(--uncheckedBackgroundColor, #fff);
-  --indicator-border: var(
-    --uncheckedBorderColor,
-    color-mix(in srgb, #000 60%, transparent)
-  );
+  border-width: 1px;
+  border-color: var(--uncheckedBorderColor, #000);
+  background-color: var(--uncheckedBackgroundColor, #fff);
+  cursor: pointer;
 }
-
-.control__7-RJh:not([data-checked]):not([data-indeterminate]):hover .indicator__dzBy2,
-.control__7-RJh:not([data-checked]):not([data-indeterminate]):focus-within .indicator__dzBy2,
-.control__7-RJh:not([data-checked]):not([data-indeterminate]) .indicator__dzBy2.checkbox__indicator--hover {
-  --indicator-border: var(--uncheckedBorderColor, #000);
+.indicator__dzBy2[data-checked] {
+  border-color: var(--checkedBorderColor, #000);
+  background-color: var(--checkedBackgroundColor, #000);
 }
-
-.control__7-RJh[data-checked]:hover .indicator__dzBy2,
-.control__7-RJh[data-checked]:focus-within .indicator__dzBy2,
-.control__7-RJh[data-checked] .indicator__dzBy2.checkbox__indicator--hover,
-.control__7-RJh[data-indeterminate]:hover .indicator__dzBy2,
-.control__7-RJh[data-indeterminate]:focus-within .indicator__dzBy2,
-.control__7-RJh[data-indeterminate] .indicator__dzBy2.checkbox__indicator--hover {
-  --indicator-border: var(--checkedBorderColor, #000);
+.indicator__dzBy2[data-disabled] {
+  cursor: default;
+  pointer-events: none;
 }
-
-.control__7-RJh[data-checked] .indicator__dzBy2,
-.control__7-RJh[data-indeterminate] .indicator__dzBy2,
-.indicator__dzBy2.checkbox__indicator--indeterminate {
-  --indicator-bg: var(--checkedBackgroundColor, #116dff);
-  --indicator-border: var(
-    --checkedBorderColor,
-    var(--checkedBackgroundColor, #116dff)
-  );
+#SITE_CONTAINER.focus-ring-active.keyboard-tabbing-on .indicator__dzBy2:focus {
+  outline: 2px solid #116dff;
+  outline-offset: 1px;
+  box-shadow: 0 0 1px 2px #ffffff;
 }
-
-.control__7-RJh[data-disabled] .indicator__dzBy2,
-.indicator__dzBy2.checkbox__indicator--disabled {
-  opacity: 0.55;
+@media (forced-colors: active) {
+  .indicator__dzBy2:focus {
+    outline: 3px solid Highlight !important;
+    outline-offset: 1px !important;
+    box-shadow: none;
+  }
 }
-
-.control__7-RJh:not([data-checked]):not([data-indeterminate])[data-invalid] .indicator__dzBy2,
-.control__7-RJh:not([data-checked]):not([data-indeterminate]) .indicator__dzBy2.checkbox__indicator--invalid {
-  --indicator-border: var(--uncheckedBorderColor, #ff4040);
+.indicator__dzBy2.checkbox__indicator--focus {
+  outline: 2px solid #116dff;
+  outline-offset: 1px;
+  box-shadow: 0 0 1px 2px #ffffff;
 }
 
-.control__7-RJh[data-checked][data-invalid] .indicator__dzBy2,
-.control__7-RJh[data-indeterminate][data-invalid] .indicator__dzBy2,
-.control__7-RJh[data-checked] .indicator__dzBy2.checkbox__indicator--invalid,
-.control__7-RJh[data-indeterminate] .indicator__dzBy2.checkbox__indicator--invalid {
-  --indicator-border: var(--checkedBorderColor, #ff4040);
+.checkmarkWrapper__DXeX5 {
+  display: contents;
 }
 
 .checkmark__SY2jU {
@@ -114,108 +69,31 @@
 }
 .checkmark__SY2jU path {
   fill: transparent;
-  transition: fill 0.2s linear;
 }
 
-.control__7-RJh[data-checked] .checkmark__SY2jU path {
+.indicator__dzBy2[data-checked] .checkmark__SY2jU path {
   fill: var(--checkmarkColor, #fff);
 }
 
-/* Indeterminate: hide the tick and draw a centered dash instead. */
-.control__7-RJh[data-indeterminate] .checkmark__SY2jU,
-.indicator__dzBy2.checkbox__indicator--indeterminate .checkmark__SY2jU {
-  display: none;
-}
-
-.control__7-RJh[data-indeterminate] .indicator__dzBy2::after,
-.indicator__dzBy2.checkbox__indicator--indeterminate::after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 60%;
-  height: 2px;
-  border-radius: 1px;
-  background: var(--checkmarkColor, #fff);
-}
-
 .label__Y3ciV {
   cursor: pointer;
   margin-bottom: 0;
 }
+.label__Y3ciV[data-disabled] {
+  cursor: default;
+}
 
 .errorMessage__PtMqM {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 4px;
-  font: normal normal normal 12px/1.4em madefor-text, sans-serif;
-  color: var(--errorTextColor, #ff4040);
+  contain: inline-size;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  max-height: 2lh;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .errorMessage__PtMqM svg {
-  flex: none;
-  width: 18px;
-  height: 18px;
-}
-
-.tooltipButton__EXd4N {
-  flex: none;
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  opacity: 0.65;
-}
-.tooltipButton__EXd4N:hover, .tooltipButton__EXd4N:focus-visible {
-  opacity: 1;
-}
-.tooltipButton__EXd4N:focus-visible {
-  outline: none;
-  border-radius: 50%;
-  box-shadow: 0 0 0 2px #116dff;
-}
-.tooltipButton__EXd4N svg {
-  width: 16px;
-  height: 16px;
-}
-
-.tooltip__Eudyd {
-  max-width: 220px;
-  padding: 6px 10px;
-  font: normal normal normal 12px/1.4em madefor-text, sans-serif;
-  color: #fff;
-  background: #2b2b2b;
-  border-radius: 6px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
-}.checkbox {
-  --gap: 8px;
-}
-
-.checkbox__indicator {
-  border-radius: 2px;
-}
-.requiredIndicator__j5mIH {
-  display: inline-block;
-  width: 0.6em;
-  height: 0.6em;
-  margin-inline-start: 0.2em;
-  vertical-align: super;
-  color: inherit;
-}
-.fallbackDirection__HeRgn:not([dir]) {
-  direction: var(--wix-opt-in-direction);
-}
-.presetWrapper__J1yzj {
-  display: contents;
+  display: none;
 }
 .visuallyHidden__Md84p {
   position: absolute;
@@ -227,4 +105,10 @@
   clip-path: inset(50%);
   white-space: nowrap;
   border: 0;
+}
+.fallbackDirection__HeRgn:not([dir]) {
+  direction: var(--wix-opt-in-direction);
+}
+.presetWrapper__J1yzj {
+  display: contents;
 }

package/dist/site/components/Checkbox/manifest.js

@@ -1,13 +1,17 @@
-import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DisplayNames, b as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants40.js";
+import { D as DATA, b as DISPLAY_GROUPS, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
+import { d as defaultValues, a as DisplayNames, b as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, F as FunctionalStateKeys, D as DesignStates, s as selectors } from "../chunks/constants40.js";
+import { b as manifestFocusable, m as manifestKeyboard } from "../chunks/manifestSdkMixins.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
-import { m as manifestValidation } from "../chunks/manifest2.js";
+const basePresetName = "baseCheckbox";
 const manifest = {
-  id: "fcdba628-aba7-4d3d-9eac-deeef69fe3fe",
-  type: "wixEditorElements.Checkbox__DEV__v3",
+  id: "f98a2212-26c9-4403-ba6b-47a73d504152",
+  type: "wixEditorElements.Checkbox__DEV__v9",
   description: "A single checkbox input with label",
   installation: {
+    presets: {
+      small: basePresetName,
+      large: basePresetName
+    },
     initialSize: {
       width: {
         sizingType: LAYOUT.SIZING_TYPE.pixels,
@@ -22,75 +26,71 @@ const manifest = {
     selector: getSelector(selectors.root),
     displayName: DisplayNames.root.elementDisplayName,
     archetype: Archetype.Checkbox,
+    presets: {
+      [basePresetName]: {
+        presetCssUrl: `./site/components/Checkbox/presets/${basePresetName}.css`,
+        displayName: DisplayNames.root.presets.baseCheckbox,
+        presetDefaults: {
+          elements: {
+            indicator: {
+              cssProperties: {
+                borderRadius: { defaultValue: "2px" },
+                borderWidth: { defaultValue: "1px" },
+                boxShadow: { defaultValue: "none" }
+              },
+              cssCustomProperties: {
+                uncheckedBackgroundColor: { defaultValue: "#ffffff" },
+                uncheckedBorderColor: { defaultValue: "rgba(0, 0, 0, 1)" },
+                checkedBackgroundColor: { defaultValue: "rgba(0, 0, 0, 1)" },
+                checkedBorderColor: { defaultValue: "rgba(0, 0, 0, 1)" },
+                checkmarkColor: { defaultValue: "#ffffff" },
+                checkboxSize: { defaultValue: "16px" }
+              }
+            },
+            label: {
+              cssProperties: {
+                textAlign: { defaultValue: "start" },
+                font: {
+                  defaultValue: "normal normal 400 16px/1.3em 'Wix Madefor Text', sans-serif"
+                },
+                color: { defaultValue: "rgba(0, 0, 0, 1)" }
+              }
+            },
+            errorMessage: {
+              cssProperties: {
+                marginTop: { defaultValue: "0px" },
+                textAlign: { defaultValue: "start" },
+                font: {
+                  defaultValue: "normal normal 400 14px/1.3em 'Wix Madefor Text', sans-serif"
+                },
+                color: { defaultValue: "rgba(0, 0, 0, 1)" }
+              }
+            }
+          }
+        }
+      }
+    },
     layout: {
-      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontalAndVertical,
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
       contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontalAndVertical,
       disableStretching: true,
       disablePositioning: false
     },
-    data: {
-      label: {
-        dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.label,
-        defaultValue: defaultValues.label
-      },
-      tooltip: {
-        dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.tooltip,
-        defaultValue: defaultValues.tooltip
-      },
-      checked: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.checked,
-        defaultValue: defaultValues.checked
-      },
-      defaultChecked: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.defaultChecked,
-        defaultValue: defaultValues.defaultChecked
-      },
-      required: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.required,
-        defaultValue: defaultValues.required
-      },
-      readOnly: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.readOnly,
-        defaultValue: defaultValues.readOnly
-      },
-      disabled: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.disabled,
-        defaultValue: defaultValues.disabled
-      },
-      indeterminate: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.indeterminate,
-        defaultValue: defaultValues.indeterminate
-      },
-      a11y: {
-        dataType: DATA.DATA_TYPE.a11y,
-        [DATA.DATA_TYPE.a11y]: {
-          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
-        }
-      },
-      direction: {
-        dataType: DATA.DATA_TYPE.direction
-      },
-      ...manifestChangeable(),
-      ...manifestFocusable(),
-      ...manifestValidation({ valueDataType: DATA.DATA_TYPE.booleanValue })
+    states: {
+      [FunctionalStateKeys.previewError]: {
+        props: { previewError: true }
+      }
+    },
+    displayFilters: {
+      states: {
+        hide: [FunctionalStateKeys.previewError]
+      }
     },
     cssCustomProperties: {
       gap: {
         cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
         displayName: DisplayNames.root.cssCustomProperties.gap,
-        defaultValue: "8px"
-      },
-      alignment: {
-        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.justifyContent,
-        displayName: DisplayNames.root.cssCustomProperties.alignment
+        defaultValue: "4px"
       }
     },
     elements: {
@@ -104,9 +104,8 @@ const manifest = {
             removable: false
           },
           cssProperties: {
-            borderRadius: {
-              defaultValue: "2px"
-            },
+            borderRadius: {},
+            borderWidth: {},
             boxShadow: {}
           },
           cssCustomProperties: {
@@ -126,19 +125,13 @@ const manifest = {
               cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderColor,
               displayName: DisplayNames.indicator.cssCustomProperties.checkedBorderColor
             },
-            borderWidth: {
-              cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderWidth,
-              displayName: DisplayNames.indicator.cssCustomProperties.borderWidth,
-              defaultValue: "1px"
-            },
             checkmarkColor: {
               cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.fill,
               displayName: DisplayNames.indicator.cssCustomProperties.checkmarkColor
             },
             checkboxSize: {
               cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.width,
-              displayName: DisplayNames.indicator.cssCustomProperties.size,
-              defaultValue: "16px"
+              displayName: DisplayNames.indicator.cssCustomProperties.checkboxSize
             }
           },
           states: {
@@ -158,10 +151,9 @@ const manifest = {
               pseudoClass: NativeStateType.disabled,
               props: { disabled: true }
             },
-            invalid: {
-              displayName: DesignStates.indicator.invalid.displayName,
-              className: DesignStates.indicator.invalid.className,
-              pseudoClass: NativeStateType.invalid
+            error: {
+              displayName: DesignStates.indicator.error.displayName,
+              className: DesignStates.indicator.error.className
             }
           }
         }
@@ -176,11 +168,117 @@ const manifest = {
             removable: false
           },
           cssProperties: {
+            textAlign: {},
+            font: {},
             color: {},
-            font: {}
+            textDecorationLine: {},
+            textTransform: {}
           }
         }
+      },
+      errorMessage: {
+        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+        inlineElement: {
+          displayName: DisplayNames.errorMessage.elementDisplayName,
+          selector: getSelector(selectors.errorMessage),
+          behaviors: {
+            selectable: false,
+            removable: false
+          },
+          cssProperties: {
+            marginTop: {},
+            textAlign: {},
+            font: {},
+            color: {},
+            textDecorationLine: {},
+            textTransform: {}
+          },
+          visibleState: {
+            stateKey: FunctionalStateKeys.previewError,
+            elementPath: ".root"
+          }
+        }
+      }
+    },
+    displayGroups: {
+      partsOrder: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.elements,
+        elements: {
+          items: ["indicator", "label", "errorMessage"]
+        }
+      },
+      orderedDataGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
+        data: {
+          items: ["label", "errorMessage", "readOnly", "disabled", "checked"]
+        }
+      },
+      orderedEventsGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
+        data: {
+          items: [
+            "onCheckedChange",
+            "onKeyDown",
+            "onKeyUp",
+            "onFocus",
+            "onBlur"
+          ]
+        }
       }
+    },
+    data: {
+      label: {
+        dataType: DATA.DATA_TYPE.text,
+        displayName: DisplayNames.root.data.label,
+        defaultValue: defaultValues.label,
+        [DATA.DATA_TYPE.text]: {
+          maxLength: TEXT_PROP_STATIC_VALUE_MAX_LENGTH
+        }
+      },
+      errorMessage: {
+        dataType: DATA.DATA_TYPE.text,
+        displayName: DisplayNames.root.data.errorMessage,
+        description: DisplayNames.root.descriptions.errorMessage,
+        [DATA.DATA_TYPE.text]: {
+          maxLength: TEXT_PROP_STATIC_VALUE_MAX_LENGTH
+        }
+      },
+      readOnly: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.readOnly,
+        defaultValue: defaultValues.readOnly
+      },
+      disabled: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.disabled,
+        defaultValue: defaultValues.disabled
+      },
+      checked: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.checked,
+        description: DisplayNames.root.descriptions.checked,
+        defaultValue: defaultValues.checked
+      },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
+        }
+      },
+      direction: {
+        dataType: DATA.DATA_TYPE.direction
+      },
+      onCheckedChange: {
+        dataType: DATA.DATA_TYPE.function,
+        displayName: "On Checked Change",
+        [DATA.DATA_TYPE.function]: {
+          parameters: [
+            { dataType: DATA.DATA_TYPE.booleanValue, displayName: "Checked" }
+          ]
+        }
+      },
+      ...manifestKeyboard(),
+      ...manifestFocusable()
     }
   },
   resources: {
@@ -192,15 +290,6 @@ const manifest = {
           "@wix/viewer-service-multilingual"
         ]
       }
-    },
-    editor: {
-      componentUrl: "./site/components/Checkbox/component.preview.tsx",
-      dependencies: {
-        serviceDependencies: [
-          "@wix/site-service-locale",
-          "@wix/viewer-service-multilingual"
-        ]
-      }
     }
   },
   moduleConfiguration: {

package/dist/site/components/CheckboxGroup/manifest.js

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, c as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants39.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "aa224b85-e2af-462b-9a15-5de3a753bea8",

package/dist/site/components/CollapsibleText/manifest.js

@@ -1,7 +1,7 @@
 import { C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants38.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "1392cc2d-20e7-411a-8b60-6e0af55b8ece",
   type: "wixEditorElements.CollapsibleText",

package/dist/site/components/GoogleMap/manifest.js

@@ -1,7 +1,7 @@
 import { b as DISPLAY_GROUPS, D as DATA, M as MEDIA, a as ACTIONS, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { n as DisplayNames, o as MAP_STYLE_KEYS, p as defaultValues, a as MAX_ZOOM, M as MIN_ZOOM, C as COMPONENT_TYPE } from "../chunks/consts2.js";
-import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "bf8a38af-5784-47d5-92d3-3627a6a60bc6",
   type: COMPONENT_TYPE,

package/dist/site/components/HTMLComponent/manifest.js

@@ -2,7 +2,7 @@ var _a, _b;
 import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { C as COMPONENT_TYPE } from "../chunks/constants35.js";
-import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const DisplayNames = {
   root: {
     elementDisplayName: "HTML Element",