@telia/teddy 0.6.11 → 0.6.13

package/dist/components/text-field/text-field-button.d.ts

@@ -11,8 +11,8 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "list-item" | "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("dashed" | "default") | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    borderStyle?: ("default" | "dashed") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -23,8 +23,8 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "list-item" | "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("dashed" | "default") | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    borderStyle?: ("default" | "dashed") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

package/dist/components/toggle/toggle.d.ts

@@ -29,7 +29,7 @@ declare const Toggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHT
     Input: React.ForwardRefExoticComponent<ToggleInputProps & React.RefAttributes<HTMLButtonElement>>;
     Thumb: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchThumbProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
-        name: "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "download" | "edit" | "filter" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shortcut" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "sync" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "email" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-neutral" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "summary" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "image" | "link" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "video" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "key" | "layers" | "map" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "radio" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "smart-connect" | "snowflake" | "speedometer" | "split" | "spyware" | "stop" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "time" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "x" | "youtube" | "alert-filled" | "alert" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "menu" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "search" | "services" | "sorter" | "table-view";
+        name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shortcut" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "sync" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-neutral" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "smart-connect" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "youtube" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
         size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
         children?: React.ReactNode;
     }, "ref">> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/tooltip/index.d.ts

@@ -17,7 +17,7 @@ export declare const Tooltip: typeof Root & {
         }>) => void) | undefined;
         side?: "top" | "bottom" | "left" | "right" | undefined;
         sideOffset?: number | undefined;
-        align?: "end" | "start" | "center" | undefined;
+        align?: "center" | "end" | "start" | undefined;
         alignOffset?: number | undefined;
         arrowPadding?: number | undefined;
         avoidCollisions?: boolean | undefined;

package/dist/main.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_select_index = require("./components/select/index.cjs");
 const components_avatar_index = require("./components/avatar/index.cjs");
 const components_dashboardCard_index = require("./components/dashboard-card/index.cjs");
 const components_table_index = require("./components/table/index.cjs");
@@ -67,6 +68,7 @@ const tokens_spacing_variables = require("./tokens/spacing/variables.cjs");
 const tokens_typography_variables = require("./tokens/typography/variables.cjs");
 const sonner = require("sonner");
 const components_input_inputGroup = require("./components/input/input-group.cjs");
+exports.Select = components_select_index.Select;
 exports.Avatar = components_avatar_index.Avatar;
 exports.DashboardCard = components_dashboardCard_index.DashboardCard;
 exports.Table = components_table_index.Table;

package/dist/main.js

@@ -1,3 +1,4 @@
+import { Select } from "./components/select/index.js";
 import { Avatar } from "./components/avatar/index.js";
 import { DashboardCard } from "./components/dashboard-card/index.js";
 import { Table } from "./components/table/index.js";
@@ -114,6 +115,7 @@ export {
   RadioGroup,
   Ribbon,
   ScrollArea,
+  Select,
   Skeleton,
   Slider,
   Spinner,

package/dist/style.css

@@ -1,4 +1,27 @@
-@charset 'UTF-8';@layer icon {
+@charset 'UTF-8';._teddy-label_1hc8e_1 {
+  color: var(--teddy-color-text-default);
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-medium);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-default);
+}
+._teddy-label--disabled_1hc8e_8 {
+  color: var(--teddy-color-text-weak);
+  cursor: default;
+}
+._teddy-label--required_1hc8e_12::before {
+  content: "* ";
+}._teddy-helper-text_6xdzb_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+  color: var(--teddy-color-text-medium);
+  display: block;
+}
+._teddy-helper-text--disabled_6xdzb_9 {
+  color: var(--teddy-color-text-weak);
+}@layer icon {
   ._teddy-icon_1ur3a_2 {
     display: inline;
     align-self: center;
@@ -117,6 +140,115 @@
     line-height: var(--teddy-typography-line-height-tight);
     text-transform: uppercase;
   }
+}._teddy-field-error-text_1735t_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  color: var(--teddy-color-text-status-error-strong);
+  display: flex;
+  flex-direction: row;
+  gap: var(--teddy-spacing-50);
+  align-items: center;
+}
+._teddy-field-error-text__indicator_1735t_12 {
+  color: var(--teddy-color-text-status-error-medium);
+  line-height: var(--teddy-typography-line-height-tight);
+}._teddy-select_1i9a7_1 {
+  box-sizing: border-box;
+  display: block;
+  width: 200px;
+}
+._teddy-select_1i9a7_1 label {
+  display: flex;
+  margin-bottom: 5px;
+  padding: 0;
+  font-size: 13px;
+}
+._teddy-select__trigger_1i9a7_12 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 4px;
+  padding: 1px 10px;
+  font-size: 13px;
+  line-height: 1;
+  height: 35px;
+  width: calc(100% - 25px);
+  gap: 5px;
+  background-color: white;
+  border: 1px solid #757579;
+  color: #353537;
+}
+._teddy-select__trigger_1i9a7_12:hover {
+  border: 2px solid #6d02a3;
+  padding: 0 9px;
+}
+._teddy-select__trigger_1i9a7_12:focus, ._teddy-select__trigger_1i9a7_12 :focus:hover {
+  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
+  outline-offset: calc(var(--teddy-spacing-10) * 2);
+  border-width: var(--teddy-border-width-xs);
+  border-color: var(--teddy-color-border-interactive-subtle-hover);
+  padding: 1px 10px;
+}
+._teddy-select__trigger--error_1i9a7_38 {
+  border: 1px solid #e4175c;
+  padding: 1px 10px;
+}
+._teddy-select__trigger--disabled_1i9a7_42, ._teddy-select__trigger--disabled_1i9a7_42:hover {
+  color: #aaaab0;
+  background-color: #e5e5eb;
+  border: 1px solid #aaaab0;
+  padding: 0 10px;
+}
+._teddy-select__trigger--readonly_1i9a7_48, ._teddy-select__trigger--readonly_1i9a7_48:hover {
+  border: 1px solid #aaaab0;
+  background-color: #f3f3f8;
+  padding: 0 10px;
+}
+._teddy-select__icon_1i9a7_53 {
+  color: #8d8d94;
+}
+._teddy-select__content_1i9a7_56 {
+  overflow: hidden;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 10px 20px -15px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
+  border: 1px solid black;
+  min-width: var(--radix-select-trigger-width);
+  max-height: var(--radix-select-content-available-height);
+}
+._teddy-select__viewport_1i9a7_65 {
+  padding: 5px;
+  overflow: scroll;
+}
+._teddy-select__item_1i9a7_69 {
+  font-size: 13px;
+  line-height: 1;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  height: 35px;
+  padding: 0 35px 0 25px;
+  position: relative;
+  user-select: none;
+  cursor: pointer;
+}
+._teddy-select__item_1i9a7_69:disabled {
+  color: #e5e5eb;
+  pointer-events: none;
+}
+._teddy-select__item_1i9a7_69:hover {
+  background-color: #e5e5eb;
+  outline: none;
+}
+._teddy-select__item-indicator_1i9a7_89 {
+  position: absolute;
+  left: 0;
+  width: 25px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }._teddy-avatar_e3370_1 {
   display: flex;
   align-items: center;
@@ -2520,19 +2652,6 @@
 }
 ._teddy-checkbox--error_1tihh_89 ._teddy-checkbox__trigger_1tihh_12::before {
   box-shadow: inset 0 0 0 1px var(--teddy-color-border-status-error);
-}._teddy-label_1hc8e_1 {
-  color: var(--teddy-color-text-default);
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-medium);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-default);
-}
-._teddy-label--disabled_1hc8e_8 {
-  color: var(--teddy-color-text-weak);
-  cursor: default;
-}
-._teddy-label--required_1hc8e_12::before {
-  content: "* ";
 }@keyframes _fadeInAnimation_mi6fm_1 {
   0% {
     opacity: 0;
@@ -4857,30 +4976,6 @@
       height: 0;
     }
   }
-}._teddy-field-error-text_1735t_1 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  color: var(--teddy-color-text-status-error-strong);
-  display: flex;
-  flex-direction: row;
-  gap: var(--teddy-spacing-50);
-  align-items: center;
-}
-._teddy-field-error-text__indicator_1735t_12 {
-  color: var(--teddy-color-text-status-error-medium);
-  line-height: var(--teddy-typography-line-height-tight);
-}._teddy-helper-text_6xdzb_1 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-75);
-  line-height: var(--teddy-typography-line-height-loose);
-  color: var(--teddy-color-text-medium);
-  display: block;
-}
-._teddy-helper-text--disabled_6xdzb_9 {
-  color: var(--teddy-color-text-weak);
 }@keyframes _fadeInAnimation_mhz8x_1 {
   0% {
     opacity: 0;
@@ -6202,48 +6297,49 @@
 ._metricmeter__speed-unit-label_1wov3_70 {
   font-size: var(--teddy-typography-scale-75);
   font-weight: var(--teddy-typography-weight-normal);
-}._teddy-circle-bar_40j64_1 {
+}._teddy-circle-bar_1533l_1 {
   position: relative;
   width: max-content;
   padding: 17px;
 }
-._teddy-circle-bar__tooltip_40j64_6 {
+._teddy-circle-bar__tooltip_1533l_6 {
   width: max-content;
   position: absolute;
   top: -2px;
   z-index: 1;
 }
-._teddy-circle-bar__tooltip-left_40j64_12 {
+._teddy-circle-bar__tooltip-left_1533l_12 {
   left: -2px;
 }
-._teddy-circle-bar__tooltip-right_40j64_15 {
+._teddy-circle-bar__tooltip-right_1533l_15 {
   right: -2px;
 }
-._teddy-circle-bar__tooltip-content_40j64_18 {
+._teddy-circle-bar__tooltip-content_1533l_18 {
   max-width: 300px;
 }
-._teddy-circle-bar__svg-container_40j64_21 {
+._teddy-circle-bar__svg-container_1533l_21 {
   width: 155px;
+  height: 155px;
   position: relative;
 }
-._teddy-circle-bar__svg_40j64_21 {
+._teddy-circle-bar__svg_1533l_21 {
   transform-origin: center center;
   fill: transparent;
   stroke-linecap: round;
   stroke: #c4c4c4;
 }
-._teddy-circle-bar__info-box_40j64_31 {
+._teddy-circle-bar__info-box_1533l_32 {
   position: absolute;
   width: 100%;
   top: 47px;
   text-align: center;
 }
-._teddy-circle-bar__value-label_40j64_37 {
+._teddy-circle-bar__value-label_1533l_38 {
   font-size: 28px;
   font-weight: 700;
   margin-bottom: 6px;
 }
-._teddy-circle-bar_40j64_1 h3 {
+._teddy-circle-bar_1533l_1 h3 {
   margin: 0;
   font-size: 14px;
   font-weight: 400;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.6.11",
+  "version": "0.6.13",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"
@@ -92,6 +92,7 @@
     "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "2.1.7",
     "@radix-ui/react-slider": "^1.2.1",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",