@sproutsocial/seeds-react-menu 1.10.8 → 1.11.0

package/dist/esm/v3/index.js

@@ -0,0 +1,800 @@
+// src/v3/SingleSelect.tsx
+import * as React4 from "react";
+import { Select as Select3 } from "@base-ui/react/select";
+import styled4 from "styled-components";
+
+// src/v3/SeedsPortal.tsx
+import * as React from "react";
+import { DisablePortalToBodyContext } from "@sproutsocial/seeds-react-portal";
+
+// src/v3/Common/SelectItem.tsx
+import "react";
+import { Select } from "@base-ui/react/select";
+import styled from "styled-components";
+import Radio from "@sproutsocial/seeds-react-radio";
+import Checkbox from "@sproutsocial/seeds-react-checkbox";
+import { Icon } from "@sproutsocial/seeds-react-icon";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledItem = styled(Select.Item)`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  border-radius: ${({ theme }) => theme.radii[500]};
+  font-size: 14px;
+  color: ${({ theme }) => theme.colors.text.body};
+  cursor: default;
+  outline: none;
+
+  &[data-highlighted] {
+    background: ${({ theme }) => theme.colors.listItem.background.hover};
+  }
+
+  &[data-selected] {
+    font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  }
+
+  &[data-disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var StyledItemIndicator = styled(Select.ItemIndicator)`
+  display: flex;
+  align-items: center;
+  width: 16px;
+  color: ${({ theme }) => theme.colors.text.body};
+  visibility: hidden;
+
+  &[data-selected] {
+    visibility: visible;
+  }
+`;
+var StyledItemText = styled(Select.ItemText)``;
+
+// src/v3/Common/SelectStyles.tsx
+import { Select as Select2 } from "@base-ui/react/select";
+import styled2 from "styled-components";
+import { focusRing } from "@sproutsocial/seeds-react-mixins";
+var Field = styled2.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.space[200]};
+`;
+var SelectLabel = styled2(Select2.Label)`
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  color: ${({ theme }) => theme.colors.text.body};
+`;
+var SelectTrigger = styled2(Select2.Trigger)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme }) => theme.space[300]};
+  padding: ${({ theme }) => `${theme.space[300]}`};
+  min-width: 160px;
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.form.border.base};
+  background: ${({ theme }) => theme.colors.form.background.base};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  color: ${({ theme }) => theme.colors.text.body};
+  cursor: default;
+  outline: none;
+  transition: border-color ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in},
+    box-shadow ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in};
+
+  &:focus-visible {
+    ${focusRing}
+  }
+
+  &[data-popup-open] {
+    ${focusRing}
+  }
+
+  &[data-popup-open] [data-chevron] {
+    transform: rotate(-180deg);
+  }
+`;
+var SelectValue = styled2(Select2.Value)`
+  min-width: 0;
+  overflow: hidden;
+`;
+var SelectIcon = styled2(Select2.Icon)`
+  display: flex;
+  align-items: center;
+  color: ${({ theme }) => theme.colors.icon.base};
+  flex-shrink: 0;
+`;
+var SelectGroup = styled2(Select2.Group)`
+  display: block;
+`;
+var SelectGroupLabel = styled2(Select2.GroupLabel)`
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]} ${theme.space[200]}`};
+  font-size: ${({ theme }) => theme.typography[100].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: ${({ theme }) => theme.colors.text.subtext};
+`;
+var SelectSeparator = styled2(Select2.Separator)`
+  height: 1px;
+  margin: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};
+  background: ${({ theme }) => theme.colors.container.border.base};
+`;
+var SelectPositioner = styled2(Select2.Positioner)`
+  width: var(--anchor-width);
+  z-index: 7;
+`;
+var SelectPopup = styled2(Select2.Popup)`
+  font-family: ${({ theme }) => theme.fontFamily};
+  background: ${({ theme }) => theme.colors.container.background.base};
+  border: 1px solid ${({ theme }) => theme.colors.container.border.base};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  box-shadow: ${({ theme }) => theme.shadows.low};
+  outline: none;
+  max-height: min(var(--base-ui-available-height, 400px), 400px);
+  overflow-y: auto;
+  padding: ${({ theme }) => theme.space[200]};
+
+  &[data-open] {
+    animation: select-popup-in 120ms ease-out;
+  }
+
+  &[data-closed] {
+    animation: select-popup-out 100ms ease-in;
+  }
+
+  @keyframes select-popup-in {
+    from {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes select-popup-out {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+  }
+`;
+
+// src/v3/Common/SelectIcons.tsx
+import "react";
+import styled3 from "styled-components";
+import { Icon as Icon2 } from "@sproutsocial/seeds-react-icon";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var StyledChevron = styled3.div`
+  display: flex;
+  align-items: center;
+  transition: transform 0.15s;
+  ${({ $isOpen }) => $isOpen && "transform: rotate(-180deg);"}
+`;
+function CheckIcon() {
+  return /* @__PURE__ */ jsx2(Icon2, { name: "check-outline", fixedWidth: true, "aria-hidden": true });
+}
+
+// src/v3/SingleSelect.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var StyledValue = styled4(Select3.Value)`
+  flex: 1;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &[data-placeholder] {
+    color: ${({ theme }) => theme.colors.text.subtext};
+  }
+`;
+
+// src/v3/MultiSelect.tsx
+import * as React5 from "react";
+import { Select as Select4 } from "@base-ui/react/select";
+import styled5 from "styled-components";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var SelectionText = styled5.span`
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+var Placeholder = styled5.div`
+  color: ${({ theme }) => theme.colors.text.subtext};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  line-height: 16px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  margin: 2px 8px 0px 0px;
+`;
+
+// src/v3/SingleCombobox.tsx
+import * as React8 from "react";
+import { Combobox as Combobox3 } from "@base-ui/react/combobox";
+import "@tanstack/react-virtual";
+
+// src/v3/Common/ComboboxItem.tsx
+import * as React6 from "react";
+import Radio2 from "@sproutsocial/seeds-react-radio";
+import Checkbox3 from "@sproutsocial/seeds-react-checkbox";
+
+// src/v3/Common/ComboboxStyles.tsx
+import { Combobox } from "@base-ui/react/combobox";
+import styled6 from "styled-components";
+import { focusRing as focusRing2 } from "@sproutsocial/seeds-react-mixins";
+import Checkbox2 from "@sproutsocial/seeds-react-checkbox";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ComboboxLabel = styled6.label`
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  color: ${({ theme }) => theme.colors.text.body};
+`;
+var ComboboxInputGroup = styled6(Combobox.InputGroup)`
+  display: flex;
+  align-items: center;
+  min-width: 160px;
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.form.border.base};
+  background: ${({ theme }) => theme.colors.form.background.base};
+  color: ${({ theme }) => theme.colors.text.body};
+  transition: border-color ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in},
+    box-shadow ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in};
+
+  &:focus-within {
+    ${focusRing2}
+  }
+`;
+var ComboboxInput = styled6(Combobox.Input)`
+  flex: 1;
+  min-width: 30px;
+  padding: ${({ theme }) => theme.space[300]};
+  border: none;
+  background: transparent;
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  line-height: ${({ theme }) => theme.typography[200].lineHeight};
+  color: ${({ theme }) => theme.colors.text.body};
+  outline: none;
+
+  &::placeholder {
+    color: ${({ theme }) => theme.colors.text.subtext};
+  }
+`;
+var ComboboxTokenInput = styled6(Combobox.Input)`
+  flex: 1;
+  min-width: 60px;
+  padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[300]}
+    ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[350]};
+  border: none;
+  background: transparent;
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  line-height: ${({ theme }) => theme.typography[200].lineHeight};
+  color: ${({ theme }) => theme.colors.text.body};
+  outline: none;
+
+  &::placeholder {
+    color: ${({ theme }) => theme.colors.text.subtext};
+  }
+`;
+var ComboboxActionButtons = styled6.div`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-left: auto;
+  gap: ${({ theme }) => theme.space[100]};
+`;
+var ComboboxClear = styled6(Combobox.Clear)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: none;
+  background: transparent;
+  color: ${({ theme }) => theme.colors.icon.base};
+  cursor: pointer;
+  border-radius: ${({ theme }) => theme.radii[300]};
+  padding: 0;
+
+  &:hover {
+    color: ${({ theme }) => theme.colors.text.body};
+  }
+
+  &[data-empty] {
+    display: none;
+  }
+`;
+var ComboboxTrigger = styled6(Combobox.Trigger)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: none;
+  background: transparent;
+  color: ${({ theme }) => theme.colors.icon.base};
+  cursor: default;
+  padding: 0;
+
+  &:hover {
+    color: ${({ theme }) => theme.colors.text.body};
+  }
+`;
+var ComboboxPositioner = styled6(Combobox.Positioner)`
+  width: var(--anchor-width);
+  z-index: 7;
+`;
+var ComboboxPopup = styled6(Combobox.Popup)`
+  font-family: ${({ theme }) => theme.fontFamily};
+  background: ${({ theme }) => theme.colors.container.background.base};
+  border: 1px solid ${({ theme }) => theme.colors.container.border.base};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  box-shadow: ${({ theme }) => theme.shadows.medium};
+  outline: none;
+  width: 100%;
+  max-height: min(var(--base-ui-available-height, 400px), 400px);
+  overflow-y: auto;
+  padding: 0;
+
+  &[data-open] {
+    animation: combobox-popup-in 120ms ease-out;
+  }
+
+  &[data-closed] {
+    animation: combobox-popup-out 100ms ease-in;
+  }
+
+  @keyframes combobox-popup-in {
+    from {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes combobox-popup-out {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+  }
+`;
+var ComboboxList = styled6(Combobox.List)`
+  padding: ${({ theme }) => theme.space[200]};
+
+  &:empty {
+    padding: 0;
+  }
+`;
+var ComboboxStatus = styled6(Combobox.Status)`
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[350]}`};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  color: ${({ theme }) => theme.colors.text.subtext};
+
+  &:empty {
+    padding: 0;
+  }
+`;
+var ComboboxEmpty = styled6(Combobox.Empty)`
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[350]}`};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  color: ${({ theme }) => theme.colors.text.subtext};
+
+  &:empty {
+    padding: 0;
+  }
+`;
+var ComboboxItem = styled6(Combobox.Item)`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.space[300]};
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  color: ${({ theme }) => theme.colors.text.body};
+  cursor: default;
+  outline: none;
+
+  &[data-highlighted] {
+    background: ${({ theme }) => theme.colors.listItem.background.hover};
+  }
+
+  &[data-selected] {
+    font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  }
+
+  &[data-disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var ComboboxItemIndicator = styled6(Combobox.ItemIndicator)`
+  display: flex;
+  align-items: center;
+  width: ${({ theme }) => theme.space[400]};
+  color: ${({ theme }) => theme.colors.text.body};
+  visibility: hidden;
+
+  &[data-selected] {
+    visibility: visible;
+  }
+`;
+var ComboboxGroup = styled6(Combobox.Group)`
+  display: block;
+`;
+var ComboboxGroupLabel = styled6(Combobox.GroupLabel)`
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]} ${theme.space[200]}`};
+  font-size: ${({ theme }) => theme.typography[100].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: ${({ theme }) => theme.colors.text.subtext};
+`;
+var ComboboxSeparator = styled6.div`
+  height: 1px;
+  margin: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};
+  background: ${({ theme }) => theme.colors.container.border.base};
+`;
+var ComboboxGroupHeaderItem = styled6(Combobox.Item)`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.space[300]};
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  font-size: ${({ theme }) => theme.typography[100].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: ${({ theme }) => theme.colors.text.subtext};
+  cursor: default;
+  outline: none;
+
+  &[data-highlighted] {
+    background: ${({ theme }) => theme.colors.listItem.background.hover};
+    color: ${({ theme }) => theme.colors.text.body};
+  }
+`;
+var ComboboxSelectAllItem = styled6(Combobox.Item)`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.space[300]};
+  padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  color: ${({ theme }) => theme.colors.text.body};
+  cursor: default;
+  outline: none;
+  border-bottom: 1px solid ${({ theme }) => theme.colors.container.border.base};
+  margin-bottom: ${({ theme }) => theme.space[200]};
+
+  &[data-highlighted] {
+    background: ${({ theme }) => theme.colors.listItem.background.hover};
+  }
+`;
+function ComboboxGroupHeaderCheckbox({
+  $state,
+  id
+}) {
+  return /* @__PURE__ */ jsx5(
+    Checkbox2,
+    {
+      id,
+      checked: $state === "all",
+      indeterminate: $state === "partial",
+      onChange: () => {
+      },
+      tabIndex: -1
+    }
+  );
+}
+var ComboboxToken = styled6(Combobox.Chips)`
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+`;
+var ComboboxTokenInputGroup = styled6(Combobox.InputGroup)`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.form.border.base};
+  background: ${({ theme }) => theme.colors.form.background.base};
+  color: ${({ theme }) => theme.colors.text.body};
+  padding: ${({ theme }) => `${theme.space[200]} ${theme.space[300]} ${theme.space[200]} ${theme.space[200]}`};
+  gap: ${({ theme }) => theme.space[200]};
+  transition: border-color ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in},
+    box-shadow ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in};
+
+  &:focus-within {
+    ${focusRing2}
+  }
+`;
+var Token = styled6.span`
+  display: inline-flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.space[200]};
+  padding: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.container.border.base};
+  background: ${({ theme }) => theme.colors.container.background.base};
+  color: ${({ theme }) => theme.colors.text.body};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  font-weight: ${({ theme }) => theme.fontWeights.normal};
+  line-height: 1;
+  white-space: nowrap;
+  transition: all ${({ theme }) => theme.duration.fast}
+    ${({ theme }) => theme.easing.ease_inout};
+
+  &:hover {
+    box-shadow: ${({ theme }) => theme.shadows.low};
+    border-color: ${({ theme }) => theme.colors.container.border.base};
+  }
+`;
+var TokenRemove = styled6.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  padding: 0;
+  line-height: 1;
+`;
+var SearchableSelectTrigger = styled6(Combobox.Trigger)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme }) => theme.space[300]};
+  padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[350]};
+  min-width: 160px;
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.form.border.base};
+  background: ${({ theme }) => theme.colors.form.background.base};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  color: ${({ theme }) => theme.colors.text.body};
+  cursor: default;
+  outline: none;
+  user-select: none;
+  transition: border-color ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in},
+    box-shadow ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in};
+
+  &:focus-visible {
+    ${focusRing2}
+  }
+
+  &[data-popup-open] [data-chevron] {
+    transform: rotate(-180deg);
+  }
+`;
+var SearchableSelectTriggerIcon = styled6(Combobox.Icon)`
+  display: flex;
+  align-items: center;
+  color: ${({ theme }) => theme.colors.icon.base};
+  flex-shrink: 0;
+`;
+var SearchableSelectPlaceholder = styled6.span`
+  color: ${({ theme }) => theme.colors.text.subtext};
+  padding: ${({ theme }) => theme.space[200]} 0;
+`;
+var SearchableSelectPopup = ComboboxPopup;
+var SearchableSelectSearchContainer = styled6.div`
+  padding: ${({ theme }) => theme.space[300]};
+  border-bottom: 1px solid ${({ theme }) => theme.colors.container.border.base};
+  flex-shrink: 0;
+`;
+var SearchableSelectInput = styled6(Combobox.Input)`
+  width: 100%;
+  height: ${({ theme }) => theme.space[500]};
+  padding: 0 ${({ theme }) => theme.space[300]};
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.container.border.base};
+  background: ${({ theme }) => theme.colors.container.background.base};
+  font-size: ${({ theme }) => theme.typography[200].fontSize};
+  color: ${({ theme }) => theme.colors.text.body};
+  outline: none;
+  box-sizing: border-box;
+
+  &:focus {
+    ${focusRing2}
+  }
+
+  &::placeholder {
+    color: ${({ theme }) => theme.colors.text.subtext};
+  }
+`;
+var SearchableSelectList = styled6(Combobox.List)`
+  overflow-y: auto;
+  padding: ${({ theme }) => theme.space[200]};
+  flex: 1;
+  min-height: 0;
+  &:empty {
+    padding: 0;
+  }
+`;
+var SearchableSelectTokenTrigger = styled6(Combobox.Trigger)`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  min-width: 160px;
+  border-radius: ${({ theme }) => theme.radii[500]};
+  border: 1px solid ${({ theme }) => theme.colors.form.border.base};
+  background: ${({ theme }) => theme.colors.form.background.base};
+  color: ${({ theme }) => theme.colors.text.body};
+  padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[300]};
+  gap: ${({ theme }) => theme.space[200]};
+  cursor: default;
+  text-align: left;
+  outline: none;
+  user-select: none;
+  transition: border-color ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in},
+    box-shadow ${({ theme }) => theme.duration.fast}
+      ${({ theme }) => theme.easing.ease_in};
+
+  &:focus-visible {
+    ${focusRing2}
+  }
+
+  &[data-popup-open] {
+    border-color: ${({ theme }) => theme.colors.blue[600]};
+  }
+
+  &[data-popup-open] [data-chevron] {
+    transform: rotate(-180deg);
+  }
+`;
+
+// src/v3/Common/ComboboxItem.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function ComboboxItemInner({
+  value,
+  itemId,
+  label,
+  inputType = "icon",
+  renderItem,
+  index,
+  "data-index": dataIndex,
+  style
+}, ref) {
+  return /* @__PURE__ */ jsxs4(
+    ComboboxItem,
+    {
+      value,
+      index,
+      "data-index": dataIndex,
+      style,
+      ref,
+      children: [
+        inputType === "radio" ? /* @__PURE__ */ jsx6(
+          ComboboxItemIndicator,
+          {
+            keepMounted: true,
+            render: (_props, state) => /* @__PURE__ */ jsx6(
+              Radio2,
+              {
+                checked: state.selected,
+                onChange: () => {
+                },
+                tabIndex: -1,
+                id: `radio-${itemId}`,
+                name: "combobox-item"
+              }
+            )
+          }
+        ) : inputType === "checkbox" ? /* @__PURE__ */ jsx6(
+          ComboboxItemIndicator,
+          {
+            keepMounted: true,
+            render: (_props, state) => /* @__PURE__ */ jsx6(
+              Checkbox3,
+              {
+                checked: state.selected,
+                onChange: () => {
+                },
+                tabIndex: -1,
+                id: `checkbox-${itemId}`,
+                name: "combobox-item"
+              }
+            )
+          }
+        ) : inputType === "icon" ? /* @__PURE__ */ jsx6(ComboboxItemIndicator, { keepMounted: true, children: /* @__PURE__ */ jsx6(CheckIcon, {}) }) : null,
+        /* @__PURE__ */ jsx6("span", { children: renderItem ? renderItem() : label })
+      ]
+    }
+  );
+}
+var ComboboxItem2 = React6.forwardRef(ComboboxItemInner);
+
+// src/v3/Common/VirtualizedComboboxList.tsx
+import * as React7 from "react";
+import { Combobox as Combobox2 } from "@base-ui/react/combobox";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+
+// src/v3/SingleCombobox.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/v3/MultiCombobox.tsx
+import * as React9 from "react";
+import { Combobox as Combobox4 } from "@base-ui/react/combobox";
+import "@tanstack/react-virtual";
+import Icon3 from "@sproutsocial/seeds-react-icon";
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+
+// src/v3/SingleSearchableSelect.tsx
+import * as React10 from "react";
+import { Combobox as Combobox5 } from "@base-ui/react/combobox";
+import "@tanstack/react-virtual";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+
+// src/v3/MultiSearchableSelect.tsx
+import * as React11 from "react";
+import { Combobox as Combobox6 } from "@base-ui/react/combobox";
+import "@tanstack/react-virtual";
+import styled7 from "styled-components";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var SelectionText2 = styled7.span`
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+export {
+  ComboboxActionButtons,
+  ComboboxClear,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxGroupHeaderCheckbox,
+  ComboboxGroupHeaderItem,
+  ComboboxGroupLabel,
+  ComboboxInput,
+  ComboboxInputGroup,
+  ComboboxItem,
+  ComboboxItemIndicator,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxPopup,
+  ComboboxPositioner,
+  ComboboxSelectAllItem,
+  ComboboxSeparator,
+  ComboboxStatus,
+  ComboboxToken,
+  ComboboxTokenInput,
+  ComboboxTokenInputGroup,
+  ComboboxTrigger,
+  SearchableSelectInput,
+  SearchableSelectList,
+  SearchableSelectPlaceholder,
+  SearchableSelectPopup,
+  SearchableSelectSearchContainer,
+  SearchableSelectTokenTrigger,
+  SearchableSelectTrigger,
+  SearchableSelectTriggerIcon,
+  Token,
+  TokenRemove
+};
+//# sourceMappingURL=index.js.map