prime-ui-kit 0.7.7 → 0.7.8

package/dist/components/popover/Popover.d.ts

@@ -32,10 +32,15 @@ export type PopoverContentProps = {
     insetPadding?: PopoverInsetPadding;
     /** Вертикальный зазор между прямыми дочерними блоками; `pad` = как у внутренних полей (`--dd-pad`). */
     insetGap?: PopoverInsetGap;
+    /**
+     * Поднять панель над выпадающим списком того же слоя (dropdown 1200 > popover 1000).
+     * Используйте, если триггер внутри Select/TagSelect listbox или другого dropdown.
+     */
+    stackAboveDropdown?: boolean;
     children: React.ReactNode;
     className?: string;
 };
-declare function PopoverContent({ align, side, sameMinWidthAsTrigger, size, trapFocus, insetPadding, insetGap, children, className, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PopoverContent({ align, side, sameMinWidthAsTrigger, size, trapFocus, insetPadding, insetGap, stackAboveDropdown, children, className, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PopoverContent {
     var displayName: string;
 }

package/dist/components/popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAOvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC;AAavC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmB3F;kBAnBQ,WAAW;;;AAsBpB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAe,EAAE,EAAE,mBAAmB,sEAgClF;kBAhCQ,cAAc;;;AAmCvB,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,uGAAuG;IACvG,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,KAAe,EACf,IAAe,EACf,qBAA6B,EAC7B,IAAU,EACV,SAAiB,EACjB,YAAqB,EACrB,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,kDAsDrB;kBAhEQ,cAAc;;;AAmEvB,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAOvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC;AAavC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmB3F;kBAnBQ,WAAW;;;AAsBpB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAe,EAAE,EAAE,mBAAmB,sEAgClF;kBAhCQ,cAAc;;;AAmCvB,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,uGAAuG;IACvG,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,KAAe,EACf,IAAe,EACf,qBAA6B,EAC7B,IAAU,EACV,SAAiB,EACjB,YAAqB,EACrB,QAAgB,EAChB,kBAA0B,EAC1B,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,kDAuDrB;kBAlEQ,cAAc;;;AAqEvB,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/components/tag-select/TagSelect.d.ts

@@ -7,6 +7,21 @@ export type TagSelectOption = {
     color?: BadgeColor;
     disabled?: boolean;
 };
+export type TagSelectOptionManagement = {
+    /** Обновить подпись и/или цвет; `value` опции не меняется. */
+    onUpdate: (value: string, updates: {
+        label?: string;
+        color?: BadgeColor;
+    }) => void;
+    /** Удалить тег из справочника; выбранное значение с `value` снимается автоматически. */
+    onDelete: (value: string) => void;
+    /** Подпись секции палитры (по умолчанию «Colors»). */
+    colorsSectionLabel?: string;
+    /** Подпись кнопки удаления (по умолчанию «Delete»). */
+    deleteLabel?: string;
+    /** `aria-label` кнопки меню «⋯» (по умолчанию «Edit tag» + подпись тега). */
+    editMenuAriaLabelPrefix?: string;
+};
 export type TagSelectRootProps = {
     /** Доступные теги (значение + подпись + цвет Badge `filled`). */
     options: TagSelectOption[];
@@ -28,12 +43,14 @@ export type TagSelectRootProps = {
     hasError?: boolean;
     /** Как у `Select`: одна ось для поля (`data-size` на контроле) и панели списка; `Badge` без своего `size` берёт размер из этого контекста. */
     size?: SelectSize;
+    /** Редактирование опций в списке: имя, цвет, удаление (меню «⋯» у строки). */
+    optionManagement?: TagSelectOptionManagement;
     id?: string;
     className?: string;
     "aria-label"?: string;
     "aria-labelledby"?: string;
 };
-export declare function TagSelectRoot({ options, value: valueProp, defaultValue, onValueChange, creatable, onCreated, defaultTagColor, hint, createActionLabel, disabled, placeholder, hasError, size, id: idProp, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: TagSelectRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagSelectRoot({ options, value: valueProp, defaultValue, onValueChange, creatable, onCreated, defaultTagColor, hint, createActionLabel, disabled, placeholder, hasError, size, optionManagement, id: idProp, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: TagSelectRootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TagSelectRoot {
     var displayName: string;
 }

package/dist/components/tag-select/TagSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/tag-select/TagSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAalE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iEAAiE;IACjE,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uHAAuH;IACvH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,uEAAuE;IACvE,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8IAA8I;IAC9I,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAmDF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAiB,EACjB,aAAa,EACb,SAAiB,EACjB,SAAS,EACT,eAAwB,EACxB,IAAuC,EACvC,iBAA4B,EAC5B,QAAgB,EAChB,WAAgB,EAChB,QAAgB,EAChB,IAAU,EACV,EAAE,EAAE,MAAM,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,kBAAkB,2CAqapB;yBAvbe,aAAa;;;AA2b7B,eAAO,MAAM,SAAS;;CAErB,CAAC"}
+{"version":3,"file":"TagSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/tag-select/TagSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAgBlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkBF,MAAM,MAAM,yBAAyB,GAAG;IACtC,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,wFAAwF;IACxF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iEAAiE;IACjE,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uHAAuH;IACvH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,uEAAuE;IACvE,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8IAA8I;IAC9I,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAqPF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAiB,EACjB,aAAa,EACb,SAAiB,EACjB,SAAS,EACT,eAAwB,EACxB,IAAuC,EACvC,iBAA4B,EAC5B,QAAgB,EAChB,WAAgB,EAChB,QAAgB,EAChB,IAAU,EACV,gBAAgB,EAChB,EAAE,EAAE,MAAM,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,kBAAkB,2CA4gBpB;yBA/hBe,aAAa;;;AAmiB7B,eAAO,MAAM,SAAS;;CAErB,CAAC"}

package/dist/components/tag-select/examples/pattern-canonical.d.ts

@@ -1,3 +1,6 @@
-/** Controlled multi-select from `options`; `prime-ui-kit` import for published consumers. */
+/**
+ * Full surface: controlled **`options`**, **`creatable`**, **`optionManagement`** (⋯ rename, colors, delete).
+ * New tags stay in the list until refresh; **`onUpdate`** must append when **`value`** is not yet in **`options`**.
+ */
 export default function TagSelectPatternCanonicalExample(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=pattern-canonical.d.ts.map

package/dist/components/tag-select/examples/pattern-canonical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pattern-canonical.d.ts","sourceRoot":"","sources":["../../../../../src/components/tag-select/examples/pattern-canonical.tsx"],"names":[],"mappings":"AAKA,6FAA6F;AAC7F,MAAM,CAAC,OAAO,UAAU,gCAAgC,4CAqBvD"}
+{"version":3,"file":"pattern-canonical.d.ts","sourceRoot":"","sources":["../../../../../src/components/tag-select/examples/pattern-canonical.tsx"],"names":[],"mappings":"AAaA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,4CAmDvD"}

package/dist/components/tag-select/examples/pattern-features.d.ts

@@ -1,3 +1,3 @@
-/** `creatable` + filter; mirrors `playground/snippets/tag-select/features.tsx`. */
+/** Same as `pattern-canonical.tsx` but `@/` imports; mirrors `playground/snippets/tag-select/features.tsx`. */
 export default function TagSelectPatternFeaturesExample(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=pattern-features.d.ts.map

package/dist/components/tag-select/examples/pattern-features.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pattern-features.d.ts","sourceRoot":"","sources":["../../../../../src/components/tag-select/examples/pattern-features.tsx"],"names":[],"mappings":"AAOA,mFAAmF;AACnF,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CAuBtD"}
+{"version":3,"file":"pattern-features.d.ts","sourceRoot":"","sources":["../../../../../src/components/tag-select/examples/pattern-features.tsx"],"names":[],"mappings":"AAeA,+GAA+G;AAC/G,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CAmDtD"}

package/dist/index.css

@@ -8734,6 +8734,18 @@ textarea::-moz-focus-inner {
 .Popover_popoverScroll[data-overlay-portal-layer=drawerInModal] {
   z-index: var(--prime-sys-elevation-zIndex-popoverInDrawerInModal);
 }
+.Popover_popoverScroll[data-overlay-portal-layer=page][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltip);
+}
+.Popover_popoverScroll[data-overlay-portal-layer=drawer][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltipInDrawer);
+}
+.Popover_popoverScroll[data-overlay-portal-layer=modal][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltipInModal);
+}
+.Popover_popoverScroll[data-overlay-portal-layer=drawerInModal][data-overlay-stack=above-dropdown] {
+  z-index: var(--prime-sys-elevation-zIndex-tooltipInDrawerInModal);
+}
 .Popover_popoverScroll[data-size=s] {
   --dd-pad: calc((var(--prime-sys-spacing-x2) + var(--prime-sys-spacing-x3)) / 2);
   --dd-min-w: var(--prime-sys-unit-9p5rem);
@@ -10202,6 +10214,197 @@ textarea::-moz-focus-inner {
 .TagSelect_createLabel {
   flex-shrink: 0;
 }
+.TagSelect_optionRowWrap {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-sys-spacing-x1);
+  width: 100%;
+  min-width: 0;
+  padding-inline: var(--prime-sys-spacing-x3);
+  padding-block: var(--prime-sys-spacing-x2);
+  border-radius: var(--prime-sys-shape-radius-m);
+  transition: background var(--prime-sys-motion-fast) var(--prime-sys-motion-standard);
+}
+.TagSelect_optionRowWrap:hover:not([data-disabled=true]) {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+}
+.TagSelect_optionRowWrap[data-highlighted=true]:not([data-disabled=true]) {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+}
+.TagSelect_optionRowSelect {
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: none;
+  cursor: pointer;
+  background: none;
+  text-align: left;
+  font: inherit;
+  color: inherit;
+}
+.TagSelect_optionRowSelect:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.TagSelect_optionMenuTrigger {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: var(--prime-sys-spacing-x1);
+  border: none;
+  border-radius: var(--prime-sys-shape-radius-s);
+  background: transparent;
+  color: var(--prime-sys-color-content-secondary);
+  cursor: pointer;
+  transition: background var(--prime-sys-motion-fast) var(--prime-sys-motion-standard), color var(--prime-sys-motion-fast) var(--prime-sys-motion-standard);
+}
+.TagSelect_optionMenuTrigger:hover:not(:disabled) {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+  color: var(--prime-sys-color-content-primary);
+}
+.TagSelect_optionMenuTrigger:focus-visible {
+  outline: none;
+  box-shadow: var(--prime-sys-elevation-shadow-buttonFocus);
+}
+.TagSelect_optionMenuTrigger:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.TagSelect_optionMenuDots {
+  display: block;
+  width: var(--prime-sys-size-control-s-icon);
+  height: var(--prime-sys-size-control-s-icon);
+}
+.TagSelect_managePopoverSurface[data-size=s] {
+  --dd-pad: var(--prime-sys-spacing-x2);
+  min-width: min(var(--prime-sys-unit-9p5rem), 100vw);
+}
+.TagSelect_managePopoverShell {
+  margin: 0;
+  padding: 0;
+  border: none;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--prime-sys-spacing-x2);
+  font-size: var(--prime-sys-size-control-s-text);
+  line-height: var(--prime-sys-typography-body-lineHeight);
+}
+.TagSelect_manageDelete {
+  justify-content: flex-start;
+  width: 100%;
+  font-size: inherit;
+}
+.TagSelect_manageDeleteIcon {
+  display: block;
+  flex-shrink: 0;
+  width: var(--prime-sys-size-control-s-icon);
+  height: var(--prime-sys-size-control-s-icon);
+}
+.TagSelect_manageSeparator {
+  width: 100%;
+  height: var(--prime-sys-border-width-control);
+  margin: 0;
+  border: none;
+  background: var(--prime-sys-color-border-separator);
+}
+.TagSelect_manageColorsHeading {
+  margin: 0;
+  padding-block: 0;
+  padding-inline: var(--prime-sys-size-control-s-buttonPaddingX);
+  font-size: inherit;
+  font-weight: var(--prime-sys-typography-weight-regular);
+  color: var(--prime-sys-color-content-muted);
+}
+.TagSelect_manageColorList {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  min-width: 0;
+  max-height: min(12rem, 45vh);
+  overflow-y: auto;
+}
+.TagSelect_manageColorRow {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-sys-spacing-x2);
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+  padding-block: var(--prime-sys-spacing-x1);
+  padding-inline: var(--prime-sys-size-control-s-buttonPaddingX);
+  border: none;
+  border-radius: var(--prime-sys-shape-radius-s);
+  cursor: pointer;
+  background: none;
+  text-align: left;
+  font-size: inherit;
+  line-height: var(--prime-sys-typography-body-lineHeight);
+  color: inherit;
+  transition: background var(--prime-sys-motion-fast) var(--prime-sys-motion-standard);
+}
+.TagSelect_manageColorRow:hover {
+  background: var(--prime-sys-color-action-neutralBackgroundHover);
+}
+.TagSelect_manageColorSwatch {
+  flex-shrink: 0;
+  display: block;
+  box-sizing: border-box;
+  width: var(--prime-sys-unit-0p75rem);
+  height: var(--prime-sys-unit-0p75rem);
+  border-radius: var(--prime-sys-shape-radius-s);
+}
+.TagSelect_manageColorSwatch[data-color=gray] {
+  background: var(--prime-sys-color-badge-grayFilled-background);
+}
+.TagSelect_manageColorSwatch[data-color=red] {
+  background: var(--prime-sys-color-status-error-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=blue] {
+  background: var(--prime-sys-color-status-information-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=green] {
+  background: var(--prime-sys-color-status-success-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=orange] {
+  background: var(--prime-sys-color-status-warning-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=yellow] {
+  background: var(--prime-sys-color-status-away-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=purple] {
+  background: var(--prime-sys-color-status-feature-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=sky] {
+  background: var(--prime-sys-color-status-verified-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=pink] {
+  background: var(--prime-sys-color-badge-pink-backgroundEmphasis);
+}
+.TagSelect_manageColorSwatch[data-color=teal] {
+  background: var(--prime-sys-color-badge-teal-backgroundEmphasis);
+}
+.TagSelect_manageColorLabel {
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: inherit;
+}
+.TagSelect_manageCheck {
+  flex-shrink: 0;
+  width: var(--prime-sys-unit-0p75rem);
+  height: var(--prime-sys-unit-0p75rem);
+  color: var(--prime-sys-color-content-primary);
+}
+.TagSelect_manageCheckPlaceholder {
+  flex-shrink: 0;
+  width: var(--prime-sys-unit-0p75rem);
+  height: var(--prime-sys-unit-0p75rem);
+}
 
 /* src/components/textarea/Textarea.module.css */
 .Textarea_field {