@wix/site-ui 1.11.0 → 1.13.0

package/dist/Select/index.css

@@ -1,2 +1,167 @@
+.label-UrIm_f {
+  color: var(--wst-paragraph-2-color, #000);
+  font: var(--wst-paragraph-2, inherit);
+  margin-bottom: 8px;
+  font-size: 14px;
+  display: block;
+}
 
+.trigger-UPubf5 {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 68px;
+  height: var(--wst-select-height, 42px);
+  color: var(--wst-paragraph-2-color, #000);
+  background: var(--wst-primary-background-color, #fff);
+  border-style: solid;
+  border-width: 1px;
+  border-color: color-mix(in srgb, var(--wst-paragraph-2-color, #000) 60%, transparent);
+  font: var(--wst-paragraph-2, inherit);
+  cursor: pointer;
+  border-radius: 0;
+  align-items: center;
+  column-gap: 4px;
+  padding: 0 12px;
+  font-size: 16px;
+  line-height: 1.5em;
+  display: flex;
+}
+
+.trigger-UPubf5:not([disabled]):not([data-popup-open]):hover, .trigger-UPubf5:not([disabled]):not([data-popup-open]):focus-visible {
+  border-color: var(--wst-paragraph-2-color, #000);
+  background-color: var(--wst-primary-background-color, #fff);
+  color: var(--wst-paragraph-2-color, #000);
+}
+
+.trigger-UPubf5[data-popup-open] {
+  border-color: var(--wst-paragraph-2-color, #000);
+}
+
+.trigger-UPubf5[disabled] {
+  cursor: default;
+  color: var(--wst-system-disabled-color, #999);
+  border-color: var(--wst-system-disabled-color, #999);
+}
+
+.value-fKND1Z[data-placeholder] {
+  color: var(--wst-shade-3-color, #aaa);
+}
+
+.icon-_ToIv8 {
+  color: var(--wst-paragraph-2-color, #000);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  transition: transform .2s;
+  display: flex;
+}
+
+.trigger-UPubf5[data-popup-open] .icon-_ToIv8 {
+  transform: rotate(180deg);
+}
+
+.trigger-UPubf5:not([disabled]):hover .icon-_ToIv8, .trigger-UPubf5:not([disabled]):focus-visible .icon-_ToIv8 {
+  color: var(--wst-paragraph-2-color, #000);
+}
+
+.trigger-UPubf5[disabled] .icon-_ToIv8 {
+  color: var(--wst-system-disabled-color, #999);
+}
+
+.value-fKND1Z {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  overflow: hidden;
+}
+
+.positioner-rz27gX {
+  z-index: 9999;
+}
+
+.popup-BEvbSY {
+  box-sizing: border-box;
+  background-color: var(--wst-primary-background-color, #fff);
+  border: 1px solid color-mix(in srgb, var(--wst-paragraph-2-color, #000) 40%, transparent);
+  border-radius: 0;
+  max-width: 100%;
+  margin-left: 1px;
+  overflow: hidden;
+  box-shadow: 0 4px 8px #0000001a, 0 0 4px #0000001a;
+}
+
+.list-fTpwcL {
+  margin: 0;
+  padding: 12px 0;
+  list-style: none;
+}
+
+.item-SBIvtk {
+  box-sizing: border-box;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  width: 100%;
+  color: var(--wst-paragraph-2-color, #000);
+  font: var(--wst-paragraph-2, inherit);
+  cursor: pointer;
+  align-items: center;
+  padding-inline: 12px;
+  font-size: 16px;
+  line-height: 1.5;
+  display: flex;
+}
+
+.item-SBIvtk[data-highlighted] {
+  background-color: color-mix(in srgb, var(--wst-paragraph-2-color, #000) 6%, transparent);
+}
+
+.item-SBIvtk[data-selected] {
+  background-color: color-mix(in srgb, var(--wst-paragraph-2-color, #000) 12%, transparent);
+}
+
+.item-SBIvtk[data-selected][data-highlighted] {
+  background-color: color-mix(in srgb, var(--wst-paragraph-2-color, #000) 16%, transparent);
+}
+
+.item-SBIvtk[data-disabled] {
+  color: var(--wst-system-disabled-color, #999);
+  cursor: default;
+  pointer-events: none;
+}
+
+.itemText-tVdjcF {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-inline: 0;
+  display: block;
+  overflow: hidden;
+}
+
+.itemIndicator-qlxJA4 {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  display: flex;
+}
+
+.scrollDownArrow-mffvLs, .scrollUpArrow-P67Eti {
+  cursor: default;
+  justify-content: center;
+  align-items: center;
+  padding: 4px 0;
+  display: flex;
+}
+
+.groupLabel-GC3RgN {
+  padding-top: 0;
+  padding-bottom: 0;
+  color: var(--wst-shade-3-color, #aaa);
+  font: var(--wst-paragraph-2, inherit);
+  padding-inline: 12px;
+  font-size: 16px;
+  line-height: 1.5;
+  display: block;
+}
 

package/dist/Select/index.js

@@ -2,7 +2,21 @@ import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Select_module = {};
+const Select_module = {
+    label: "label-UrIm_f",
+    trigger: "trigger-UPubf5",
+    value: "value-fKND1Z",
+    icon: "icon-_ToIv8",
+    positioner: "positioner-rz27gX",
+    popup: "popup-BEvbSY",
+    list: "list-fTpwcL",
+    item: "item-SBIvtk",
+    itemText: "itemText-tVdjcF",
+    itemIndicator: "itemIndicator-qlxJA4",
+    scrollDownArrow: "scrollDownArrow-mffvLs",
+    scrollUpArrow: "scrollUpArrow-P67Eti",
+    groupLabel: "groupLabel-GC3RgN"
+};
 const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Select.Label, {
         ref: ref,
         className: clsx(Select_module.label, className),

package/dist/Separator/index.css

@@ -1,2 +1,21 @@
+.root-rb7o7e {
+  margin-block: 0;
+  margin-inline: 0;
+}
 
+.root-rb7o7e[data-orientation="horizontal"] {
+  border-bottom-style: solid;
+  border-width: 0 0 var(--wst-system-line-1-width, 1px) 0;
+  border-bottom-color: var(--wst-system-line-1-color, #c2c2c2);
+  opacity: 1;
+  max-width: 100%;
+}
+
+.root-rb7o7e[data-orientation="vertical"] {
+  border-left-style: solid;
+  border-width: 0 0 0 var(--wst-system-line-1-width, 1px);
+  border-left-color: var(--wst-system-line-1-color, #c2c2c2);
+  opacity: 1;
+  min-height: 100%;
+}
 

package/dist/Separator/index.js

@@ -2,7 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { Separator } from "@base-ui/react/separator";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Separator_module = {};
+const Separator_module = {
+    root: "root-rb7o7e"
+};
 const Separator_Separator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
         className: clsx(Separator_module.root, className),

package/dist/Slider/index.css

@@ -1,2 +1,51 @@
+.label-MkH3nw {
+  color: var(--wst-paragraph-2-color, #32536a);
+  font: var(--wst-paragraph-2, normal 14px/1.4 sans-serif);
+  align-items: center;
+  min-height: 29px;
+  padding: 0;
+  display: flex;
+}
 
+.control-_J8a2_ {
+  padding: 0 8px;
+}
+
+.track-WMB__l {
+  background-color: color-mix(in srgb, var(--wst-paragraph-2-color, #32536a) 20%, transparent);
+  border-radius: var(--wst-slider-track-corner-radius, 0px);
+  width: calc(100% + 16px);
+  height: 4px;
+  transform: translateX(-8px);
+}
+
+.indicator-uJyfNg {
+  background-color: var(--wst-links-and-actions-color, #116dff);
+  height: 4px;
+  margin: 6px 0;
+}
+
+.thumb-oReKer {
+  background-color: var(--wst-links-and-actions-color, #116dff);
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+}
+
+.thumb-oReKer:hover {
+  background-color: color-mix(in srgb, var(--wst-links-and-actions-color, #116dff) 60%, transparent);
+}
+
+.thumb-oReKer:focus-visible {
+  background-color: color-mix(in srgb, var(--wst-links-and-actions-color, #116dff) 60%, transparent);
+  box-shadow: none;
+}
+
+.track-WMB__l[data-disabled] {
+  background-color: color-mix(in srgb, var(--wst-paragraph-2-color, #32536a) 20%, transparent);
+}
+
+.indicator-uJyfNg[data-disabled], .thumb-oReKer[data-disabled] {
+  background-color: var(--wst-system-disabled-color, #bcbcbc);
+}
 

package/dist/Slider/index.js

@@ -2,7 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { Slider } from "@base-ui/react/slider";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Slider_module = {};
+const Slider_module = {
+    label: "label-MkH3nw",
+    control: "control-_J8a2_",
+    track: "track-WMB__l",
+    indicator: "indicator-uJyfNg",
+    thumb: "thumb-oReKer"
+};
 const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Slider.Label, {
         ref: ref,
         className: clsx(Slider_module.label, className),

package/dist/Switch/index.css

@@ -1,2 +1,38 @@
+.root-jFySXM {
+  background-color: var(--wst-paragraph-2-color, #666);
+  opacity: .7;
+  transition: all .2s;
+}
 
+.root-jFySXM:hover {
+  opacity: 1;
+}
+
+.root-jFySXM[data-checked] {
+  background-color: var(--wst-links-and-actions-color, #116dff);
+  opacity: 1;
+}
+
+.root-jFySXM[data-checked]:hover {
+  opacity: .7;
+}
+
+.root-jFySXM[data-disabled], .root-jFySXM[data-disabled]:hover, .root-jFySXM[data-disabled][data-checked], .root-jFySXM[data-disabled][data-checked]:hover {
+  opacity: 1;
+  background-color: var(--wst-system-disabled-color, #ccc);
+}
+
+.root-jFySXM:focus-visible {
+  outline: 2px solid var(--wst-links-and-actions-color, #116dff);
+  outline-offset: 2px;
+}
+
+.thumb-aDkgmk {
+  background-color: var(--wst-primary-background-color, #fff);
+  transition-duration: .2s;
+}
+
+.root-jFySXM[data-disabled] .thumb-aDkgmk {
+  background-color: color-mix(in srgb, var(--wst-primary-background-color, #fff) 60%, transparent);
+}
 

package/dist/Switch/index.js

@@ -2,7 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui/react/switch";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Switch_module = {};
+const Switch_module = {
+    root: "root-jFySXM",
+    thumb: "thumb-aDkgmk"
+};
 const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,
         className: clsx(Switch_module.root, className),

package/dist/Tabs/index.css

@@ -1,2 +1,83 @@
+.root-Hb4MhN {
+  box-sizing: border-box;
+  background: var(--wst-primary-background-color, transparent);
+  width: 100%;
+  border-block-start: var(--wst-tabs-border-width-block-start, 0px) solid var(--wst-paragraph-2-color, #0000004d);
+  border-inline-start: var(--wst-tabs-border-width-inline-start, 0px) solid var(--wst-paragraph-2-color, #0000004d);
+  border-inline-end: var(--wst-tabs-border-width-inline-end, 0px) solid var(--wst-paragraph-2-color, #0000004d);
+  border-block-end: var(--wst-tabs-border-width-block-end, 0px) solid var(--wst-paragraph-2-color, #0000004d);
+  border-start-start-radius: var(--wst-tabs-border-radius-start-start, 0px);
+  border-start-end-radius: var(--wst-tabs-border-radius-start-end, 0px);
+  border-end-end-radius: var(--wst-tabs-border-radius-end-end, 0px);
+  border-end-start-radius: var(--wst-tabs-border-radius-end-start, 0px);
+  padding-block-start: var(--wst-tabs-padding-block-start, 0px);
+  padding-block-end: var(--wst-tabs-padding-block-end, 0px);
+  padding-inline-start: var(--wst-tabs-padding-inline-start, 0px);
+  padding-inline-end: var(--wst-tabs-padding-inline-end, 0px);
+}
 
+.list-ZEK7AG {
+  box-sizing: border-box;
+  color: var(--wst-paragraph-2-color, inherit);
+  white-space: nowrap;
+  text-align: center;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  width: 100%;
+  min-height: 52px;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.list-ZEK7AG::-webkit-scrollbar {
+  display: none;
+}
+
+.tab-FRO0Rd {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-align: center;
+  white-space: nowrap;
+  -webkit-tap-highlight-color: #0000;
+  vertical-align: bottom;
+  height: 100%;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0 solid #0000;
+  border-block-end-width: 3px;
+  border-start-start-radius: var(--wst-tab-border-radius-start-start, 0px);
+  border-start-end-radius: var(--wst-tab-border-radius-start-end, 0px);
+  border-end-end-radius: var(--wst-tab-border-radius-end-end, 0px);
+  border-end-start-radius: var(--wst-tab-border-radius-end-start, 0px);
+  justify-content: center;
+  align-items: center;
+  padding: 14px 3%;
+  display: inline-flex;
+  position: relative;
+}
+
+.tab-FRO0Rd[data-active] {
+  border-style: solid;
+  border-block-start: var(--wst-tab-selected-border-block-start-width, 0px) solid var(--wst-tab-selected-border-block-start-color, transparent);
+  border-block-end: var(--wst-tab-selected-border-block-end-width, 3px) solid var(--wst-links-and-actions-color, currentColor);
+  border-inline-start: var(--wst-tab-selected-border-inline-start-width, 0px) solid var(--wst-tab-selected-border-inline-start-color, transparent);
+  border-inline-end: var(--wst-tab-selected-border-inline-end-width, 0px) solid var(--wst-tab-selected-border-inline-end-color, transparent);
+  background: var(--wst-tab-selected-background-color, transparent);
+  color: var(--wst-tab-selected-text-color, var(--wst-paragraph-2-color, inherit));
+  border-start-start-radius: var(--wst-tab-selected-border-radius-start-start, var(--wst-tab-border-radius-start-start, 0px));
+  border-start-end-radius: var(--wst-tab-selected-border-radius-start-end, var(--wst-tab-border-radius-start-end, 0px));
+  border-end-end-radius: var(--wst-tab-selected-border-radius-end-end, var(--wst-tab-border-radius-end-end, 0px));
+  border-end-start-radius: var(--wst-tab-selected-border-radius-end-start, var(--wst-tab-border-radius-end-start, 0px));
+}
+
+.indicator-a2Roef {
+  background-color: var(--wst-links-and-actions-color, currentColor);
+  z-index: 1000;
+  height: 3px;
+  transition: left .4s ease-in-out, width .4s ease-in-out;
+  position: absolute;
+  bottom: 0;
+}
 

package/dist/Tabs/index.js

@@ -2,7 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react/tabs";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Tabs_module = {};
+const Tabs_module = {
+    root: "root-Hb4MhN",
+    list: "list-ZEK7AG",
+    tab: "tab-FRO0Rd",
+    indicator: "indicator-a2Roef"
+};
 const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
         className: clsx(Tabs_module.root, className),

package/dist/Toggle/index.css

@@ -1,2 +1,48 @@
+.root-b5XZrV {
+  cursor: pointer;
+  color: var(--wst-paragraph-2-color, #000);
+  margin: 0;
+  padding: 0;
+  line-height: 0;
+  transition: opacity .2s cubic-bezier(.39, .11, .37, .99);
+  display: inline-block;
+}
 
+.root-b5XZrV:hover {
+  opacity: .6;
+}
+
+.root-b5XZrV[data-pressed] {
+  color: var(--wst-paragraph-2-color, #000);
+}
+
+.root-b5XZrV:disabled {
+  color: var(--wst-system-disabled-color, #c2c2c2);
+  cursor: default;
+}
+
+.root-b5XZrV:disabled:hover {
+  opacity: 1;
+}
+
+@keyframes toggle-pop-in-YeDB_9 {
+  0% {
+    opacity: 0;
+    transform: scale(.9);
+  }
+
+  50% {
+    opacity: .32;
+    transform: scale(1.03);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.root-b5XZrV[data-pressed] {
+  animation: .2s forwards toggle-pop-in-YeDB_9;
+}
 

package/dist/Toggle/index.js

@@ -2,7 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Toggle } from "@base-ui/react/toggle";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Toggle_module = {};
+const Toggle_module = {
+    root: "root-b5XZrV",
+    "toggle-pop-in": "toggle-pop-in-YeDB_9",
+    togglePopIn: "toggle-pop-in-YeDB_9"
+};
 const Toggle_Toggle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Toggle, {
         ref: ref,
         className: clsx(Toggle_module.root, className),

package/dist/Tooltip/index.css

@@ -1,2 +1,116 @@
+.positioner-sRKHj5[data-side="top"] {
+  padding-bottom: 6px;
+}
 
+.positioner-sRKHj5[data-side="bottom"] {
+  padding-top: 6px;
+}
+
+.positioner-sRKHj5[data-side="left"] {
+  padding-right: 6px;
+}
+
+.positioner-sRKHj5[data-side="right"] {
+  padding-left: 6px;
+}
+
+.positioner-sRKHj5[data-side="top"] .popup-V_41k4 {
+  transform-origin: bottom;
+}
+
+.positioner-sRKHj5[data-side="bottom"] .popup-V_41k4 {
+  transform-origin: top;
+}
+
+.positioner-sRKHj5[data-side="left"] .popup-V_41k4 {
+  transform-origin: 100%;
+}
+
+.positioner-sRKHj5[data-side="right"] .popup-V_41k4 {
+  transform-origin: 0;
+}
+
+.popup-V_41k4 {
+  background-color: var(--wst-paragraph-2-color, #212121);
+  border: 1px solid var(--wst-primary-background-color, #fff);
+  color: var(--wst-primary-background-color, #fff);
+  -webkit-font-smoothing: auto;
+  border-radius: 3px;
+  padding: 4px 12px;
+  font-size: 14px;
+  line-height: 20px;
+  transition: transform .12s cubic-bezier(.25, .46, .45, .94), opacity .12s cubic-bezier(.25, .46, .45, .94);
+  box-shadow: 0 4px 8px #0000001f, 0 0 4px #0000001a;
+}
+
+.popup-V_41k4[data-starting-style], .popup-V_41k4[data-ending-style] {
+  opacity: 0;
+}
+
+.positioner-sRKHj5[data-side="top"] .popup-V_41k4[data-starting-style] {
+  transform: scale(.9) translateY(3px);
+}
+
+.positioner-sRKHj5[data-side="bottom"] .popup-V_41k4[data-starting-style] {
+  transform: scale(.9) translateY(-3px);
+}
+
+.positioner-sRKHj5[data-side="left"] .popup-V_41k4[data-starting-style] {
+  transform: scale(.9) translateX(10px);
+}
+
+.positioner-sRKHj5[data-side="right"] .popup-V_41k4[data-starting-style] {
+  transform: scale(.9) translateX(-10px);
+}
+
+.popup-V_41k4[data-ending-style] {
+  transition: transform 80ms linear, opacity 80ms linear;
+}
+
+.arrow-aUAEXL {
+  margin: 0;
+  display: block;
+  position: absolute;
+}
+
+.arrow-aUAEXL svg {
+  display: block;
+}
+
+.arrow-aUAEXL path {
+  fill: var(--wst-paragraph-2-color, #212121);
+  stroke: var(--wst-paragraph-2-color, #212121);
+}
+
+.arrow-aUAEXL path:first-child {
+  stroke: none;
+}
+
+.arrow-aUAEXL path:last-child {
+  stroke-dasharray: 0 17 17;
+}
+
+.positioner-sRKHj5[data-side="top"] .arrow-aUAEXL {
+  width: 12px;
+  height: 7px;
+  bottom: -1px;
+}
+
+.positioner-sRKHj5[data-side="bottom"] .arrow-aUAEXL {
+  width: 12px;
+  height: 7px;
+  top: -1px;
+}
+
+.positioner-sRKHj5[data-side="left"] .arrow-aUAEXL {
+  width: 7px;
+  height: 12px;
+  right: -1px;
+}
+
+.positioner-sRKHj5[data-side="right"] .arrow-aUAEXL {
+  width: 7px;
+  height: 12px;
+  left: -1px;
+}
 

package/dist/Tooltip/index.js

@@ -2,7 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
-const Tooltip_module = {};
+const Tooltip_module = {
+    positioner: "positioner-sRKHj5",
+    popup: "popup-V_41k4",
+    arrow: "arrow-aUAEXL"
+};
 function Trigger({ className, ...props }) {
     return /*#__PURE__*/ jsx(Tooltip.Trigger, {
         ...props,

package/dist/index.d.ts

@@ -326,6 +326,8 @@ export declare const Autocomplete: {
 export declare const Avatar: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<AvatarRootProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
+    } & {
+        size?: string | number | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
     Image: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<AvatarImageProps, "ref"> & React_2.RefAttributes<HTMLImageElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -335,6 +337,15 @@ export declare const Avatar: {
     } & React_2.RefAttributes<HTMLSpanElement>>;
 };
 
+export declare const AvatarSize: {
+    readonly xxSmall: 16;
+    readonly xSmall: 20;
+    readonly small: 28;
+    readonly medium: 36;
+    readonly large: 52;
+    readonly xLarge: 60;
+};
+
 declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Button_2>>;
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>;

package/dist/index.js

@@ -1,7 +1,7 @@
 export { Accordion } from "./Accordion/index.js";
 export { AlertDialog } from "./AlertDialog/index.js";
 export { Autocomplete } from "./Autocomplete/index.js";
-export { Avatar } from "./Avatar/index.js";
+export { Avatar, AvatarSize } from "./Avatar/index.js";
 export { Button } from "./Button/index.js";
 export { Checkbox } from "./Checkbox/index.js";
 export { CheckboxGroup } from "./CheckboxGroup/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.11.0",
+  "version": "1.13.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -77,5 +77,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "bc96fc89d1dbe3ac62768db3fcc724dc792da5018160673b4d352b1a"
+  "falconPackageHash": "b8aa73002da3a13950a3de871dff4de09eda6f0e91684f4be2f6e150"
 }