@epam/ai-dial-skills 1.2.0-dev.14 → 1.2.0-dev.141

package/components/ChatSkill/ChatSkill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSkill.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSkill/ChatSkill.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmFxC,CAAC"}
+{"version":3,"file":"ChatSkill.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSkill/ChatSkill.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmFxC,CAAC"}

package/components/FavoriteSkillsPanel/FavoriteSkillsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteSkillsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoriteSkillsPanel/FavoriteSkillsPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAKL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAYzF,sHAAsH;AACtH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2P5D,CAAC"}
+{"version":3,"file":"FavoriteSkillsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoriteSkillsPanel/FavoriteSkillsPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAML,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAYzF,sHAAsH;AACtH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAqT5D,CAAC"}

package/components/SkillArchiveUploadDialog/SkillArchiveUploadDialog.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { SkillArchiveUploadDialogProps } from '../../models/skill-archive-upload-dialog-props';
+/**
+ * Dialog presenting the drop area and supported formats for a skill-archive upload, so the host
+ * can start the flow before the native file picker appears. Presentation only — the host wires
+ * selection/rejection/close to its own import controller.
+ */
+export declare const SkillArchiveUploadDialog: FC<SkillArchiveUploadDialogProps>;
+//# sourceMappingURL=SkillArchiveUploadDialog.d.ts.map

package/components/SkillArchiveUploadDialog/SkillArchiveUploadDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillArchiveUploadDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SkillArchiveUploadDialog/SkillArchiveUploadDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAC;AAIpG;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA4CtE,CAAC"}

package/components/SkillInfoTooltipContent/SkillInfoTooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillInfoTooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/SkillInfoTooltipContent/SkillInfoTooltipContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AAElG,kJAAkJ;AAClJ,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA8CpE,CAAC"}
+{"version":3,"file":"SkillInfoTooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/SkillInfoTooltipContent/SkillInfoTooltipContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AAElG,kJAAkJ;AAClJ,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAgDpE,CAAC"}

package/components/SkillSelectorField/SkillSelectorField.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { SkillSelectorFieldProps } from '../../models/skill-selector-field-props';
+/** Controlled skill input with favorites, catalog browsing, and explicit removal. */
+export declare const SkillSelectorField: FC<SkillSelectorFieldProps>;
+//# sourceMappingURL=SkillSelectorField.d.ts.map

package/components/SkillSelectorField/SkillSelectorField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillSelectorField.d.ts","sourceRoot":"","sources":["../../../src/components/SkillSelectorField/SkillSelectorField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAsC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAOvF,qFAAqF;AACrF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0O1D,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,15 @@
+export declare const SKILLS_CLASS: {
+    /** Controlled skill selector root carrying theme overrides. */
+    readonly selectorField: "dial-skills-selector-field";
+    /** The favorite-skills panel root, which carries the themed CSS variables. */
+    readonly favoritesPanel: "dial-skills-favorites-panel";
+    /**
+     * The `/name` chip a `ChatSkill` renders inside the composer, additive to
+     * the `dial-kit-base-button` that `@epam/ai-dial-ui-kit` draws. The chip's
+     * height is its label line, so a host changing its padding should keep the
+     * vertical padding at zero or the chip stops aligning with the input's first
+     * text line.
+     */
+    readonly chip: "dial-skills-chip";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY;IACvB,+DAA+D;;IAE/D,8EAA8E;;IAE9E;;;;;;OAMG;;CAEK,CAAC"}

package/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAG7C;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,6MAYrC,8BAA8B,KAAG,6BAoTnC,CAAC"}
+{"version":3,"file":"useSkillSelectorOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillSelectorOverlay/useSkillSelectorOverlay.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAG7C;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,6MAYrC,8BAA8B,KAAG,6BA8TnC,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._row_1ovug_1:hover,._row_1ovug_1:focus-visible{background:var(--fs-row-hover-bg,var(--bg-layer-sunken,#eef1f7))}._header_1ovug_5{color:var(--fs-header-text,var(--text-tertiary,#848e9c))}._emptyHint_1ovug_9{color:var(--fs-empty-hint-text,var(--text-icon-tertiary,#848e9c))}._star_1ovug_13{color:var(--fs-star-color,var(--text-warning-icon,#eec840))}._footer_1ovug_17{border-top-color:var(--fs-footer-border,var(--stroke-tertiary,#e0e6f0))}._rowEnter_1ovug_25{animation:.2s ease-out _rowFadeIn_1ovug_1}._rowLeaving_1ovug_29{pointer-events:none;animation:.18s ease-out forwards _rowFadeOut_1ovug_1}@keyframes _rowFadeIn_1ovug_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _rowFadeOut_1ovug_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}._listContent_1ovug_57{transition:max-height .2s}@media (prefers-reduced-motion:reduce){._rowEnter_1ovug_25,._rowLeaving_1ovug_29{animation:none}._listContent_1ovug_57{transition:none}}
-/*$vite$:1*/
+._row_1v431_1:hover,._row_1v431_1:focus-visible,._row_1v431_1[aria-selected=true]{background:var(--fs-row-hover-bg,var(--bg-layer-sunken,#eef1f7))}._header_1v431_8{color:var(--fs-header-text,var(--text-tertiary,#848e9c))}._emptyHint_1v431_12{color:var(--fs-empty-hint-text,var(--text-icon-tertiary,#848e9c))}._star_1v431_16{color:var(--fs-star-color,var(--text-warning-icon,#eec840))}._footer_1v431_20{border-top-color:var(--fs-footer-border,var(--stroke-tertiary,#e0e6f0))}._rowEnter_1v431_28{animation:.2s ease-out _rowFadeIn_1v431_1}._rowLeaving_1v431_32{pointer-events:none;animation:.18s ease-out forwards _rowFadeOut_1v431_1}@keyframes _rowFadeIn_1v431_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _rowFadeOut_1v431_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}._listContent_1v431_60{transition:max-height .2s}@media (prefers-reduced-motion:reduce){._rowEnter_1v431_28,._rowLeaving_1v431_32{animation:none}._listContent_1v431_60{transition:none}}._background_14zdf_1{background:var(--ssf-bg)}._border_14zdf_5{border-color:var(--ssf-border)}._value_14zdf_9{color:var(--ssf-text)}._clear_14zdf_13{margin-block:-.5rem}._invalid_14zdf_17{color:var(--ssf-error,var(--text-error,#9c2222));border-color:var(--ssf-error,var(--text-error,#9c2222))}._invalid_14zdf_17 input{color:var(--ssf-error,var(--text-error,#9c2222))}
+/*$vite$:1*/.visible{visibility:visible}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.size-11{height:2.75rem;width:2.75rem}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[min\(80vh\2c 840px\)\]{height:min(80vh,840px)}.h-\[min\(90vh\2c 860px\)\]{height:min(90vh,860px)}.h-auto{height:auto}.max-h-72{max-height:18rem}.min-h-0{min-height:0}.min-h-11{min-height:2.75rem}.w-\[min\(var\(--reference-width\)\2c calc\(100vw-2rem\)\)\]{width:min(var(--reference-width),calc(100vw - 2rem))}.w-full{width:100%}.min-w-0{min-width:0}.\!max-w-\[min\(95vw\2c 1200px\)\]{max-width:min(95vw,1200px)!important}.max-w-\[550px\]{max-width:550px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-transparent{border-color:transparent}.bg-error{background-color:var(--bg-error,#f3d6d8)}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pt-2{padding-top:.5rem}.text-start{text-align:start}.text-error{color:var(--text-error,#ae2f2f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:1280px){.desktop\:inline{display:inline}.desktop\:hidden{display:none}.desktop\:w-\[280px\]{width:280px}.desktop\:w-full{width:100%}}

package/index.d.ts

@@ -1,5 +1,6 @@
 export { ChatSkill } from './components/ChatSkill/ChatSkill';
 export { FavoriteSkillsPanel } from './components/FavoriteSkillsPanel/FavoriteSkillsPanel';
+export { SkillArchiveUploadDialog } from './components/SkillArchiveUploadDialog/SkillArchiveUploadDialog';
 export { SkillCatalogModal } from './components/SkillCatalogModal/SkillCatalogModal';
 export { SkillDetailsSidePanel } from './components/SkillDetailsSidePanel/SkillDetailsSidePanel';
 export { SkillInfoTooltipContent } from './components/SkillInfoTooltipContent/SkillInfoTooltipContent';
@@ -8,8 +9,12 @@ export { buildFavoriteSkillItem } from './models/favorite-skill-item';
 export type { ChatSkillLabels, ChatSkillProps, } from './models/chat-skill-props';
 export type { FavoriteSkillItem, SkillListingEntry, } from './models/favorite-skill-item';
 export type { FavoriteSkillsPanelColors, FavoriteSkillsPanelLabels, FavoriteSkillsPanelProps, } from './models/favorite-skills-panel-props';
+export type { SkillArchiveUploadDialogLabels, SkillArchiveUploadDialogProps, } from './models/skill-archive-upload-dialog-props';
 export type { SkillCatalogModalProps } from './models/skill-catalog-modal-props';
 export type { SkillDetailsSidePanelProps } from './models/skill-details-side-panel-props';
 export type { SkillInfoTooltipContentProps } from './models/skill-info-tooltip-content-props';
 export type { SkillDetailsPanelComponentProps, SkillSelectorOverlayLabels, UseSkillSelectorOverlayOptions, UseSkillSelectorOverlayResult, } from './models/skill-selector-overlay';
+export { SKILLS_CLASS } from './constants/public-class-names';
+export { SkillSelectorField } from './components/SkillSelectorField/SkillSelectorField';
+export type { SkillSelectorFieldProps, SkillSelectorFieldLabels, SkillSelectorFieldStyles, } from './models/skill-selector-field-props';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,eAAe,EACf,cAAc,GACf,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,YAAY,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAC9F,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,eAAe,EACf,cAAc,GACf,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAC9C,YAAY,EACV,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,4CAA4C,CAAC;AACpD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,YAAY,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAC9F,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,qCAAqC,CAAC"}

package/index.js

@@ -1,327 +1,378 @@
-import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as r, Button as i, ButtonAppearance as a, ButtonVariant as o, DIAL_ICON_SIZE as s, DIAL_KIT_ICON_STROKE as c, GhostButton as l, Highlight as u, InteractiveTooltip as d, Popup as f, PopupSize as p, ToggleIconButton as m, TooltipPlacement as h } from "@epam/ai-dial-ui-kit";
-import { Suspense as g, useCallback as _, useEffect as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
-import { IconBlocks as C, IconEye as w, IconStarFilled as T } from "@tabler/icons-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { DetailsPanel as O } from "@epam/ai-dial-catalog";
-//#region src/components/SkillInfoTooltipContent/SkillInfoTooltipContent.tsx
-var k = ({ description: e, unsupportedMessage: t, viewDetailsLabel: n = "View details", onViewDetails: r }) => t == null ? /* @__PURE__ */ D("div", {
+import { DeploymentIcon as e, buildCssVars as t, isSkillSelectionUnsupported as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
+import { BASE_ICON_SIZE as i, Button as a, ButtonAppearance as o, ButtonVariant as s, DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, Dropdown as u, FileDropzone as d, GhostButton as f, Highlight as p, Input as m, InteractiveTooltip as h, Popup as g, PopupSize as _, Search as v, ToggleIconButton as y, TooltipPlacement as b } from "@epam/ai-dial-ui-kit";
+import { Suspense as x, useCallback as S, useEffect as ee, useId as C, useLayoutEffect as w, useMemo as T, useRef as E, useState as D } from "react";
+import { IconBlocks as O, IconChevronDown as k, IconEye as A, IconStarFilled as j, IconX as M } from "@tabler/icons-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { DetailsPanel as I } from "@epam/ai-dial-catalog";
+//#region src/constants/public-class-names.ts
+var L = {
+	selectorField: "dial-skills-selector-field",
+	favoritesPanel: "dial-skills-favorites-panel",
+	chip: "dial-skills-chip"
+}, R = ({ description: e, unsupportedMessage: t, viewDetailsLabel: n = "View details", onViewDetails: r, viewDetailsTabIndex: i }) => t == null ? /* @__PURE__ */ F("div", {
 	className: "flex flex-col gap-3",
-	children: [e != null && e !== "" && /* @__PURE__ */ E("p", {
+	children: [e != null && e !== "" && /* @__PURE__ */ P("p", {
 		className: "text-start",
 		children: e
-	}), /* @__PURE__ */ E(i, {
-		variant: o.Primary,
-		appearance: a.Link,
+	}), /* @__PURE__ */ P(a, {
+		variant: s.Primary,
+		appearance: o.Link,
 		className: "h-[24px] self-start",
 		label: n,
-		iconBefore: /* @__PURE__ */ E(w, {
-			size: s.SM,
-			stroke: c,
+		iconBefore: /* @__PURE__ */ P(A, {
+			size: c.SM,
+			stroke: l,
 			"aria-hidden": !0
 		}),
-		onClick: r
+		onClick: r,
+		tabIndex: i
 	})]
-}) : /* @__PURE__ */ E("p", {
+}) : /* @__PURE__ */ P("p", {
 	className: "text-start",
 	children: t
-}), A = ({ name: e, path: t, description: r, isUnsupported: i = !1, labelClassName: a = "dial-body-paragraph-text", unsupportedLabelClassName: o = "text-error", unsupportedClassName: s = "bg-error", onViewDetails: c, labels: u = {} }) => {
-	let { viewDetailsLabel: f = "View details", unsupportedTooltipLabel: p = "Selected model does not support skills. Remove the skill or select different model to proceed." } = u, [m, g] = S(0);
-	return /* @__PURE__ */ E(d, {
+}), z = ({ name: e, path: t, description: n, isUnsupported: i = !1, labelClassName: a = "dial-body-paragraph-text", unsupportedLabelClassName: o = "text-error", unsupportedClassName: s = "bg-error", onViewDetails: c, labels: l = {} }) => {
+	let { viewDetailsLabel: u = "View details", unsupportedTooltipLabel: d = "Selected model does not support skills. Remove the skill or select different model to proceed." } = l, [p, m] = D(0);
+	return /* @__PURE__ */ P(h, {
 		asChild: !0,
-		placement: h.Top,
+		placement: b.Top,
 		contentClassName: "max-w-[550px]",
-		content: i ? /* @__PURE__ */ E(k, { unsupportedMessage: p }) : /* @__PURE__ */ E(k, {
-			description: r,
-			viewDetailsLabel: f,
+		content: i ? /* @__PURE__ */ P(R, { unsupportedMessage: d }) : /* @__PURE__ */ P(R, {
+			description: n,
+			viewDetailsLabel: u,
 			onViewDetails: () => {
-				g((e) => e + 1), c(t);
+				m((e) => e + 1), c(t);
 			}
 		}),
-		children: /* @__PURE__ */ E("span", {
+		children: /* @__PURE__ */ P("span", {
 			className: "inline-flex items-center",
-			children: /* @__PURE__ */ E(l, {
+			children: /* @__PURE__ */ P(f, {
 				label: `/${e}`,
-				textClassName: i ? n(a, o) : a,
-				className: i ? n("h-auto px-2 py-0", s) : "h-auto px-2 py-0"
+				textClassName: i ? r(a, o) : a,
+				className: r("h-auto px-2 py-0", i && s, L.chip)
 			})
 		})
-	}, m);
-}, j = {
-	row: "_row_1ovug_1",
-	header: "_header_1ovug_5",
-	emptyHint: "_emptyHint_1ovug_9",
-	star: "_star_1ovug_13",
-	footer: "_footer_1ovug_17",
-	rowEnter: "_rowEnter_1ovug_25",
-	rowFadeIn: "_rowFadeIn_1ovug_1",
-	rowLeaving: "_rowLeaving_1ovug_29",
-	rowFadeOut: "_rowFadeOut_1ovug_1",
-	listContent: "_listContent_1ovug_57"
-}, M = "px-3 pb-0.5 pt-2", N = 180, P = 288, F = ({ favorites: r, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: c, searchQuery: f, labels: p = {}, colors: h, nameClassName: g = "dial-small-text", headerClassName: _ = "dial-tiny-lead-semi-text", emptyHintClassName: b = "dial-small-text" }) => {
-	let { myCollectionLabel: C = "My Collection", emptyHintLabel: w = "Star a skill to pin it here", browseLabel: O = "Browse", removeFromFavoritesLabel: A = "Remove from favorites", viewDetailsLabel: F = "View details", noMatchingSkillsLabel: I = "No matching skills" } = p, L = t({
-		"--fs-row-hover-bg": h?.rowHoverBackground,
-		"--fs-header-text": h?.headerText,
-		"--fs-empty-hint-text": h?.emptyHintText,
-		"--fs-star-color": h?.starColor,
-		"--fs-footer-border": h?.footerBorder
-	}), [R, z] = S(/* @__PURE__ */ new Set()), B = x(/* @__PURE__ */ new Map());
-	v(() => {
-		let e = B.current;
+	}, p);
+}, B = {
+	row: "_row_1v431_1",
+	header: "_header_1v431_8",
+	emptyHint: "_emptyHint_1v431_12",
+	star: "_star_1v431_16",
+	footer: "_footer_1v431_20",
+	rowEnter: "_rowEnter_1v431_28",
+	rowFadeIn: "_rowFadeIn_1v431_1",
+	rowLeaving: "_rowLeaving_1v431_32",
+	rowFadeOut: "_rowFadeOut_1v431_1",
+	listContent: "_listContent_1v431_60"
+}, V = "px-3 pb-0.5 pt-2", te = 180, H = 288, U = ({ favorites: n, onSelect: i, onToggleFavorite: a, onBrowse: o, onViewDetails: s, className: l, rowClassName: u, searchQuery: d, listboxId: m, activeOptionId: g, isMenu: _ = !1, labels: v = {}, colors: b, nameClassName: x = "dial-small-text", headerClassName: S = "dial-tiny-lead-semi-text", emptyHintClassName: T = "dial-small-text" }) => {
+	let { myCollectionLabel: O = "My Collection", emptyHintLabel: k = "Star a skill to pin it here", browseLabel: A = "Browse", removeFromFavoritesLabel: M = "Remove from favorites", viewDetailsLabel: N = "View details", noMatchingSkillsLabel: I = "No matching skills" } = v, z = t({
+		"--fs-row-hover-bg": b?.rowHoverBackground,
+		"--fs-header-text": b?.headerText,
+		"--fs-empty-hint-text": b?.emptyHintText,
+		"--fs-star-color": b?.starColor,
+		"--fs-footer-border": b?.footerBorder
+	}), [U, W] = D(/* @__PURE__ */ new Set()), G = E(/* @__PURE__ */ new Map());
+	ee(() => {
+		let e = G.current;
 		return () => {
 			e.forEach((e) => clearTimeout(e)), e.clear();
 		};
 	}, []);
-	let V = f != null, H = f?.toLowerCase() ?? "", U = V ? r.filter((e) => e.name.toLowerCase().includes(H)) : r, W = x(null), [G, K] = S();
-	y(() => {
-		W.current && K(Math.min(W.current.scrollHeight, P));
-	}, [r, f]);
-	let q = (e, t) => {
+	let K = m != null, q = _ && !K, J = K || q ? "none" : void 0, Y = "button";
+	K ? Y = "option" : q && (Y = "menuitem");
+	let X = C(), Z = d != null, ne = d?.toLowerCase() ?? "", Q = Z ? n.filter((e) => e.name.toLowerCase().includes(ne)) : n, $ = E(null), [re, ie] = D();
+	w(() => {
+		$.current && ie(Math.min($.current.scrollHeight, H));
+	}, [n, d]);
+	let ae = (e, t) => {
 		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i(t));
-	}, J = (e) => {
-		z((t) => new Set(t).add(e));
+	}, oe = (e) => {
+		W((t) => new Set(t).add(e));
 		let t = setTimeout(() => {
-			a(e), z((t) => {
+			a?.(e), W((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
-			}), B.current.delete(e);
-		}, N);
-		B.current.set(e, t);
+			}), G.current.delete(e);
+		}, te);
+		G.current.set(e, t);
 	};
-	return /* @__PURE__ */ D("div", {
-		className: "flex w-full flex-col desktop:w-[280px]",
-		style: L,
+	return /* @__PURE__ */ F("div", {
+		className: r("flex w-full flex-col desktop:w-[280px]", l, L.favoritesPanel),
+		style: z,
 		children: [
-			/* @__PURE__ */ E("p", {
-				className: n(_, M, j.header),
-				children: C
+			/* @__PURE__ */ P("p", {
+				id: X,
+				className: r(S, V, B.header),
+				children: O
 			}),
-			/* @__PURE__ */ E("div", {
-				className: n("max-h-72 min-h-0 flex-1 overflow-y-auto", j.listContent),
-				style: { maxHeight: G },
-				children: /* @__PURE__ */ E("div", {
-					ref: W,
-					children: U.length > 0 ? /* @__PURE__ */ E("ul", {
+			/* @__PURE__ */ P("div", {
+				className: r("max-h-72 min-h-0 flex-1 overflow-y-auto", B.listContent),
+				style: { maxHeight: re },
+				children: /* @__PURE__ */ P("div", {
+					ref: $,
+					children: Q.length > 0 ? /* @__PURE__ */ P("ul", {
+						id: m,
+						role: K ? "listbox" : J,
+						"aria-labelledby": K ? X : void 0,
 						className: "flex flex-col gap-1 px-1 pb-1",
-						children: U.map((t) => {
-							let r = /* @__PURE__ */ D("div", {
-								role: "button",
+						children: Q.map((t) => {
+							let n = K ? `${m}-${encodeURIComponent(t.id)}` : void 0, o = K ? -1 : void 0, l = /* @__PURE__ */ F("div", {
+								role: Y,
+								id: n,
+								"aria-selected": K ? n === g : void 0,
+								"aria-label": t.name,
 								tabIndex: 0,
-								className: n("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", j.row),
+								className: r("flex cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2 py-1.5 transition-colors", B.row, u),
 								onClick: () => i(t),
-								onKeyDown: (e) => q(e, t),
+								onKeyDown: (e) => ae(e, t),
 								children: [
-									/* @__PURE__ */ E(e, {
-										size: s.MD,
+									/* @__PURE__ */ P(e, {
+										size: c.MD,
 										initialsName: t.name
 									}),
-									f == null ? /* @__PURE__ */ E("span", {
-										className: n(g, "min-w-0 flex-1 truncate text-start"),
+									d == null ? /* @__PURE__ */ P("span", {
+										className: r(x, "min-w-0 flex-1 truncate text-start"),
 										children: t.name
-									}) : /* @__PURE__ */ E(u, {
+									}) : /* @__PURE__ */ P(p, {
 										text: t.name,
-										query: f,
+										query: d,
 										maxLines: 1,
-										className: n(g, "min-w-0 flex-1 text-start")
+										className: r(x, "min-w-0 flex-1 text-start")
 									}),
-									/* @__PURE__ */ E(m, {
-										icon: /* @__PURE__ */ E(T, {
-											size: s.SM,
-											className: j.star,
+									a && /* @__PURE__ */ P(y, {
+										icon: /* @__PURE__ */ P(j, {
+											size: c.SM,
+											className: B.star,
 											"aria-hidden": !0
 										}),
-										"aria-label": A,
+										"aria-label": M,
 										isSelected: !0,
+										tabIndex: o,
 										onClick: (e) => {
-											e.stopPropagation(), J(t.id);
+											e.stopPropagation(), oe(t.id);
 										}
 									})
 								]
 							});
-							return /* @__PURE__ */ E("li", {
-								className: R.has(t.id) ? j.rowLeaving : j.rowEnter,
-								children: /* @__PURE__ */ E(d, {
+							return /* @__PURE__ */ P("li", {
+								role: J,
+								className: U.has(t.id) ? B.rowLeaving : B.rowEnter,
+								children: s ? /* @__PURE__ */ P(h, {
 									asChild: !0,
 									contentClassName: "max-w-[550px]",
-									content: /* @__PURE__ */ E(k, {
+									content: /* @__PURE__ */ P(R, {
 										description: t.description,
-										viewDetailsLabel: F,
-										onViewDetails: () => c(t)
+										viewDetailsLabel: N,
+										onViewDetails: () => s(t),
+										viewDetailsTabIndex: o
 									}),
-									children: r
-								})
+									children: l
+								}) : l
 							}, t.id);
 						})
-					}) : V && H !== "" ? /* @__PURE__ */ E("p", {
+					}) : Z && ne !== "" ? /* @__PURE__ */ P("p", {
 						role: "status",
 						"aria-live": "polite",
-						className: n(b, "px-4 py-4 text-start", j.emptyHint),
+						className: r(T, "px-4 py-4 text-start", B.emptyHint),
 						children: I
-					}) : /* @__PURE__ */ E("p", {
-						className: n(b, "px-4 py-4 text-start", j.emptyHint),
-						children: w
+					}) : /* @__PURE__ */ P("p", {
+						className: r(T, "px-4 py-4 text-start", B.emptyHint),
+						children: k
 					})
 				})
 			}),
-			/* @__PURE__ */ E("div", {
-				className: n("border-t px-2 py-3", j.footer),
-				children: /* @__PURE__ */ E(l, {
-					label: O,
+			/* @__PURE__ */ P("div", {
+				className: r("border-t px-2 py-3", B.footer),
+				children: /* @__PURE__ */ P(f, {
+					role: q ? "menuitem" : void 0,
+					label: A,
 					className: "w-full justify-center",
 					onClick: o
 				})
 			})
 		]
 	});
-}, I = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ E(f, {
+}, W = ".zip,.md", G = ({ isOpen: e, errorText: t, accept: n = W, labels: r, onClose: i, onFilesSelected: a, onFilesRejected: o }) => {
+	let { dialogTitle: s = "Upload skill", dropZoneLabel: c = "Drag and drop it or click here to upload", dropZoneMobileLabel: l = "Click here to upload", formatsLabel: u = "File formats .zip and SKILL.md", fileInputAriaLabel: f = "Upload a skill ZIP archive or a SKILL.md file", closeAriaLabel: p = "Close" } = r ?? {};
+	return /* @__PURE__ */ P(g, {
+		open: e,
+		size: _.Sm,
+		header: s,
+		closeAriaLabel: p,
+		onClose: i,
+		children: /* @__PURE__ */ P("div", {
+			className: "px-6 py-4",
+			children: /* @__PURE__ */ P(d, {
+				label: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("span", {
+					className: "desktop:hidden",
+					children: l
+				}), /* @__PURE__ */ P("span", {
+					className: "hidden desktop:inline",
+					children: c
+				})] }),
+				description: u,
+				ariaLabel: f,
+				accept: n,
+				errorText: t,
+				onChange: a,
+				onReject: o
+			})
+		})
+	});
+}, K = ({ isOpen: e, onClose: t, onSelect: n, title: r, renderContent: i }) => /* @__PURE__ */ P(g, {
 	open: e,
 	header: r,
-	size: p.Lg,
+	size: _.Lg,
 	className: "h-[min(90vh,860px)] !max-w-[min(95vw,1200px)] overflow-hidden",
 	onClose: t,
-	children: /* @__PURE__ */ E("div", {
+	children: /* @__PURE__ */ P("div", {
 		className: "h-[min(80vh,840px)] overflow-auto",
-		children: /* @__PURE__ */ E(g, {
+		children: /* @__PURE__ */ P(x, {
 			fallback: null,
 			children: e && i(n, t)
 		})
 	})
-}), L = (e) => /* @__PURE__ */ E(O, { ...e }), R = (e) => ({
+}), q = (e) => /* @__PURE__ */ P(I, { ...e }), J = (e) => ({
 	id: e.url,
 	name: e.name,
 	description: e.description
-}), z = (e) => {
+}), Y = (e) => {
 	let t = e.split("/").filter((e) => e.length > 0);
 	return t[t.length - 1] ?? e;
-}, B = ({ isEnabled: e, isSkillsSupported: t, skills: n, sharedWithMe: i, publicSkills: a, favoriteIds: o, onToggleFavorite: s, labels: l, historyChipLabelClassName: u, renderCatalogContent: d, detailsPanelComponent: f }) => {
-	let { addMenuLabel: p = "Skills", backLabel: m = "Back", catalogModalTitleLabel: h = "Use skill", emptyQueryHintLabel: v = "Type to filter", unsupportedTooltipLabel: y = "Selected model does not support skills. Remove the skill or select different model to proceed.", panelLabels: x } = l ?? {}, w = e && t, [T, D] = S(!1), [O, k] = S(null), [j, M] = S(null), N = b(() => [
-		...n,
-		...i ?? [],
-		...a ?? []
+}, X = ({ isEnabled: e, isSkillsSupported: t, skills: r, sharedWithMe: a, publicSkills: o, favoriteIds: s, onToggleFavorite: c, labels: u, historyChipLabelClassName: d, renderCatalogContent: f, detailsPanelComponent: p }) => {
+	let { addMenuLabel: m = "Skills", backLabel: h = "Back", catalogModalTitleLabel: g = "Use skill", emptyQueryHintLabel: _ = "Type to filter", unsupportedTooltipLabel: v = "Selected model does not support skills. Remove the skill or select different model to proceed.", panelLabels: y } = u ?? {}, b = e && t, [ee, C] = D(!1), [w, E] = D(null), [k, A] = D(null), j = T(() => [
+		...r,
+		...a ?? [],
+		...o ?? []
 	], [
-		n,
-		i,
-		a
-	]), P = b(() => new Map(N.map((e) => [e.url, e])), [N]), L = b(() => N.filter((e) => o.has(e.url)).map((e) => R(e)), [N, o]), B = b(() => j == null ? null : P.get(j) ?? null, [P, j]), V = B != null && !t, H = _((e) => {
-		M(e);
-	}, []), U = _(() => {
-		M(null);
-	}, []), W = j, G = b(() => j == null ? void 0 : [{ url: j }], [j]), K = b(() => B == null ? null : /* @__PURE__ */ E(A, {
-		name: B.name,
-		path: B.url,
-		description: B.description,
-		isUnsupported: V,
-		onViewDetails: k,
+		r,
+		a,
+		o
+	]), M = T(() => new Map(j.map((e) => [e.url, e])), [j]), N = T(() => j.filter((e) => s.has(e.url)).map((e) => J(e)), [j, s]), F = T(() => k == null ? null : M.get(k) ?? {
+		url: k,
+		name: k
+	}, [M, k]), I = n(k, t), L = S((e) => {
+		A(e);
+	}, []), R = S(() => {
+		A(null);
+	}, []), B = k, V = T(() => k == null ? void 0 : [{ url: k }], [k]), te = T(() => F == null ? null : /* @__PURE__ */ P(z, {
+		name: F.name,
+		path: F.url,
+		description: F.description,
+		isUnsupported: I,
+		onViewDetails: E,
 		labels: {
-			viewDetailsLabel: x?.viewDetailsLabel,
-			unsupportedTooltipLabel: y
+			viewDetailsLabel: y?.viewDetailsLabel,
+			unsupportedTooltipLabel: v
 		}
 	}), [
-		B,
-		V,
-		x,
-		y
-	]), q = _((e) => e == null || e.length === 0 ? null : e.map((e) => {
-		let t = P.get(e.url);
-		return /* @__PURE__ */ E(A, {
-			name: t?.name ?? z(e.url),
+		F,
+		I,
+		y,
+		v
+	]), H = S((e) => e == null || e.length === 0 ? null : e.map((e) => {
+		let t = M.get(e.url);
+		return /* @__PURE__ */ P(z, {
+			name: t?.name ?? Y(e.url),
 			path: e.url,
-			labelClassName: u,
+			labelClassName: d,
 			description: t?.description,
-			onViewDetails: k,
-			labels: { viewDetailsLabel: x?.viewDetailsLabel }
+			onViewDetails: E,
+			labels: { viewDetailsLabel: y?.viewDetailsLabel }
 		}, e.url);
 	}), [
-		P,
-		u,
-		x
-	]), J = _((e) => /* @__PURE__ */ E(F, {
-		favorites: L,
+		M,
+		d,
+		y
+	]), W = S((e) => /* @__PURE__ */ P(U, {
+		favorites: N,
+		isMenu: !0,
 		onSelect: (t) => {
-			H(t.id), e();
+			L(t.id), e();
 		},
-		onToggleFavorite: s,
+		onToggleFavorite: c,
 		onBrowse: () => {
-			e(), D(!0);
+			e(), C(!0);
 		},
 		onViewDetails: (t) => {
-			e(), k(t.id);
+			e(), E(t.id);
 		},
-		labels: x
+		labels: y
 	}), [
+		N,
 		L,
-		H,
-		s,
-		x
-	]), Y = b(() => w ? {
+		c,
+		y
+	]), G = T(() => b ? {
 		key: "skills",
-		title: p,
-		icon: /* @__PURE__ */ E(C, {
-			size: r,
+		title: m,
+		icon: /* @__PURE__ */ P(O, {
+			size: i,
 			"aria-hidden": !0,
-			stroke: c
+			stroke: l
 		}),
-		renderOverlay: J,
-		backLabel: m
+		renderOverlay: W,
+		backLabel: h
 	} : void 0, [
-		w,
-		p,
+		b,
 		m,
-		J
-	]), X = b(() => w ? {
+		h,
+		W
+	]), q = T(() => b ? {
 		triggerPrefix: "/",
-		menuLabel: p,
-		emptyQueryHint: v,
-		renderMenu: ({ query: e, close: t }) => /* @__PURE__ */ E(F, {
-			favorites: L,
+		menuLabel: m,
+		emptyQueryHint: _,
+		renderMenu: ({ query: e, close: t, listboxId: n, activeOptionId: r }) => /* @__PURE__ */ P(U, {
+			favorites: N,
 			searchQuery: e,
+			listboxId: n,
+			activeOptionId: r,
 			onSelect: (e) => {
-				t({ consumeQuery: !0 }), H(e.id);
+				t({ consumeQuery: !0 }), L(e.id);
 			},
-			onToggleFavorite: s,
+			onToggleFavorite: c,
 			onBrowse: () => {
-				t({ consumeQuery: !0 }), D(!0);
+				t({ consumeQuery: !0 }), C(!0);
 			},
 			onViewDetails: (e) => {
-				t({ consumeQuery: !0 }), k(e.id);
+				t({ consumeQuery: !0 }), E(e.id);
 			},
-			labels: x
+			labels: y
 		})
 	} : void 0, [
-		w,
-		p,
-		v,
+		b,
+		m,
+		_,
+		N,
 		L,
-		H,
-		s,
-		x
+		c,
+		y
 	]);
 	return e ? {
-		skillMenuOverlay: Y,
-		commandMenu: X,
-		skillCatalogModal: /* @__PURE__ */ E(I, {
-			isOpen: T,
-			onClose: () => D(!1),
+		skillMenuOverlay: G,
+		commandMenu: q,
+		skillCatalogModal: /* @__PURE__ */ P(K, {
+			isOpen: ee,
+			onClose: () => C(!1),
 			onSelect: (e) => {
-				H(e), D(!1);
+				L(e), C(!1);
 			},
-			title: h,
-			renderContent: d
+			title: g,
+			renderContent: f
 		}),
-		skillDetailsPanel: /* @__PURE__ */ E(g, {
+		skillDetailsPanel: /* @__PURE__ */ P(x, {
 			fallback: null,
-			children: /* @__PURE__ */ E(f, {
-				skillId: O,
-				onClose: () => k(null)
+			children: /* @__PURE__ */ P(p, {
+				skillId: w,
+				onClose: () => E(null)
 			})
 		}),
-		selectedSkillElement: K,
-		selectedSkillPath: W,
-		selectedSkills: G,
-		isSkillUnsupported: V,
-		selectSkill: H,
-		removeSelectedSkill: U,
-		renderHistorySkills: q
+		selectedSkillElement: te,
+		selectedSkillPath: B,
+		selectedSkills: V,
+		isSkillUnsupported: I,
+		selectSkill: L,
+		removeSelectedSkill: R,
+		renderHistorySkills: H
 	} : {
 		skillMenuOverlay: void 0,
 		commandMenu: void 0,
@@ -335,6 +386,139 @@ var k = ({ description: e, unsupportedMessage: t, viewDetailsLabel: n = "View de
 		removeSelectedSkill: () => void 0,
 		renderHistorySkills: () => null
 	};
+}, Z = {
+	background: "_background_14zdf_1",
+	border: "_border_14zdf_5",
+	value: "_value_14zdf_9",
+	clear: "_clear_14zdf_13",
+	invalid: "_invalid_14zdf_17"
+}, ne = [], Q = ({ value: e, onChange: i, displayName: a, favorites: o = ne, onToggleFavorite: s, onViewDetails: c, renderOverlay: d, isSkillsSupported: p, isDisabled: h = !1, isInvalid: g = !1, labelledById: _, describedById: y, labels: b, renderCatalogContent: x, className: S, styles: w }) => {
+	let [T, O] = D(!1), [A, j] = D(!1), [I, R] = D(""), z = E(null), B = C(), V = E(null), te = E(!1), H = n(e, p), W = p && !h, G = T && W, q = A && W, J = () => {
+		V.current && !V.current.disabled ? V.current.focus() : z.current?.querySelector("button:not(:disabled)")?.focus();
+	};
+	ee(() => {
+		te.current && !G && !q && ((document.activeElement === document.body || z.current?.contains(document.activeElement)) && J(), O(!1), j(!1)), te.current = G || q;
+	}, [G, q]);
+	let Y = (e) => {
+		e && !W || (R(""), O(e));
+	}, X = (e) => {
+		W && i(e), O(!1), j(!1);
+	}, Q = {
+		...t({
+			"--ssf-text": w?.colors?.text,
+			"--ssf-bg": w?.colors?.background,
+			"--ssf-border": w?.colors?.border,
+			"--ssf-error": w?.colors?.error
+		}),
+		...w?.cssVars
+	}, $ = /* @__PURE__ */ F("div", {
+		id: B,
+		className: "w-full min-w-0",
+		children: [/* @__PURE__ */ P("div", {
+			className: "p-2",
+			children: /* @__PURE__ */ P(v, {
+				value: I,
+				onChange: (e) => R(e ?? ""),
+				placeholder: b.searchPlaceholder ?? "Search skills",
+				"aria-label": b.searchPlaceholder ?? "Search skills",
+				clearLabel: b.clearSearchLabel ?? "Clear search"
+			})
+		}), /* @__PURE__ */ P(U, {
+			className: "min-w-0 desktop:w-full",
+			rowClassName: "min-h-11",
+			favorites: o,
+			searchQuery: I,
+			labels: b.panelLabels,
+			onSelect: (e) => X(e.id),
+			onToggleFavorite: s,
+			onViewDetails: c ? (e) => {
+				O(!1), c(e);
+			} : void 0,
+			onBrowse: () => {
+				O(!1), j(!0);
+			}
+		})]
+	}), re = /* @__PURE__ */ P(m, {
+		inputRef: V,
+		readOnly: !0,
+		role: "combobox",
+		"aria-haspopup": "dialog",
+		"aria-expanded": G,
+		"aria-controls": G ? B : void 0,
+		"aria-labelledby": _,
+		"aria-describedby": y,
+		"aria-invalid": g || H,
+		disabled: !W,
+		invalid: g || H,
+		value: e ? a || e : "",
+		placeholder: b.placeholder,
+		title: p ? e ? a || e : void 0 : b.unsupportedTooltipLabel,
+		containerClassName: "w-full min-w-0",
+		wrapperClassName: r("cursor-pointer", "--ssf-bg" in Q && Z.background, "--ssf-border" in Q && Z.border, (g || H) && Z.invalid, w?.triggerClassName),
+		className: r("min-w-0 cursor-pointer text-ellipsis", "--ssf-text" in Q && Z.value, w?.typography?.fontClassName ?? "dial-small-text"),
+		onKeyDown: (e) => {
+			[
+				"Enter",
+				" ",
+				"ArrowDown"
+			].includes(e.key) ? (e.preventDefault(), e.stopPropagation(), Y(e.key === "ArrowDown" || !G)) : e.key === "Escape" && Y(!1);
+		},
+		iconAfter: /* @__PURE__ */ F("span", {
+			className: "flex shrink-0 items-center",
+			children: [e && /* @__PURE__ */ P(f, {
+				type: "button",
+				className: r("size-11 shrink-0", Z.clear),
+				disabled: h,
+				"aria-label": b.removeSkillLabel,
+				onKeyDown: (e) => e.stopPropagation(),
+				onClick: (e) => {
+					e.stopPropagation(), i(void 0), O(!1), W ? V.current?.focus() : z.current?.focus();
+				},
+				iconBefore: /* @__PURE__ */ P(M, {
+					"aria-hidden": !0,
+					size: 18,
+					stroke: l
+				})
+			}), /* @__PURE__ */ P(k, {
+				"aria-hidden": !0,
+				size: 20,
+				stroke: l,
+				className: r("transition-transform", G && "rotate-180")
+			})]
+		})
+	});
+	return /* @__PURE__ */ F("div", {
+		ref: z,
+		role: "group",
+		"aria-labelledby": _,
+		tabIndex: -1,
+		className: r("min-w-0", S, L.selectorField),
+		style: Q,
+		children: [d ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("div", {
+			className: "w-full min-w-0",
+			onClick: () => Y(!G),
+			children: re
+		}), d($, G, () => Y(!1))] }) : /* @__PURE__ */ P(u, {
+			open: G,
+			onOpenChange: Y,
+			disabled: !W,
+			className: "w-full min-w-0",
+			listClassName: "w-[min(var(--reference-width),calc(100vw-2rem))] max-w-full",
+			renderOverlay: () => /* @__PURE__ */ P("div", {
+				role: "dialog",
+				"aria-labelledby": _,
+				children: $
+			}),
+			initialFocus: 0,
+			children: re
+		}), q && /* @__PURE__ */ P(K, {
+			isOpen: !0,
+			onClose: () => j(!1),
+			title: b.modalTitle,
+			onSelect: X,
+			renderContent: x
+		})]
+	});
 };
 //#endregion
-export { A as ChatSkill, F as FavoriteSkillsPanel, I as SkillCatalogModal, L as SkillDetailsSidePanel, k as SkillInfoTooltipContent, R as buildFavoriteSkillItem, B as useSkillSelectorOverlay };
+export { z as ChatSkill, U as FavoriteSkillsPanel, L as SKILLS_CLASS, G as SkillArchiveUploadDialog, K as SkillCatalogModal, q as SkillDetailsSidePanel, R as SkillInfoTooltipContent, Q as SkillSelectorField, J as buildFavoriteSkillItem, X as useSkillSelectorOverlay };

package/models/favorite-skills-panel-props.d.ts

@@ -31,14 +31,18 @@ export interface FavoriteSkillsPanelColors {
 export interface FavoriteSkillsPanelProps {
     /** The user's favorited skills, already resolved by the host. */
     favorites: FavoriteSkillItem[];
-    /** Called when a row is activated (click, Enter, or Space). */
+    /** Called when a row is activated (click, Enter, or Space — or, in listbox mode, Enter in the owning text field while the row is active). */
     onSelect: (item: FavoriteSkillItem) => void;
-    /** Called with a skill's id when its row's star button is clicked to remove it from favorites. */
-    onToggleFavorite: (id: string) => void;
+    /** Removes a favorite by id; omitted hides the star action. */
+    onToggleFavorite?: (id: string) => void;
     /** Called when the "Browse" button is clicked. */
     onBrowse: () => void;
-    /** Called when a row tooltip's "View details" button is clicked. */
-    onViewDetails: (item: FavoriteSkillItem) => void;
+    /** Opens skill details; omitted hides the details tooltip. */
+    onViewDetails?: (item: FavoriteSkillItem) => void;
+    /** Additional classes applied to the panel root. */
+    className?: string;
+    /** Additional classes applied to each favorite row. */
+    rowClassName?: string;
     /**
      * When provided, the panel enters search mode: rows are filtered to names
      * containing this string case-insensitively and matched names render with a
@@ -46,6 +50,29 @@ export interface FavoriteSkillsPanelProps {
      * favorites unfiltered.
      */
     searchQuery?: string;
+    /**
+     * When provided, the list renders as a `role="listbox"` with this `id` and
+     * each row as a `role="option"` — the shape a list autocomplete (e.g. the
+     * conversation input's `commandMenu`) drives from its text field. In this
+     * mode Tab moves from row to row: a row's star and its tooltip's "View
+     * details" stay clickable but leave the Tab sequence. Omit for the plain
+     * list of button rows.
+     */
+    listboxId?: string;
+    /**
+     * Renders the rows and the "Browse" action as `role="menuitem"` for a host
+     * that mounts the panel inside a `role="menu"` container (e.g. a submenu
+     * whose arrow keys move between menu items). Ignored with `listboxId`.
+     * Defaults to `false`: rows are `role="button"`.
+     */
+    isMenu?: boolean;
+    /**
+     * `id` of the row the owning text field has active, rendered with
+     * `aria-selected="true"` and the row highlight — pass through the id the
+     * text field reports; row ids are derived from `listboxId` and each item's
+     * id. Used only with `listboxId`.
+     */
+    activeOptionId?: string | null;
     /** Localizable string overrides. */
     labels?: FavoriteSkillsPanelLabels;
     /** Color overrides applied as CSS custom properties. */

package/models/favorite-skills-panel-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite-skills-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/favorite-skills-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6GAA6G;IAC7G,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6DAA6D;AAC7D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+CAA+C;AAC/C,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,kGAAkG;IAClG,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,aAAa,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oIAAoI;IACpI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"favorite-skills-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/favorite-skills-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6GAA6G;IAC7G,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6DAA6D;AAC7D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+CAA+C;AAC/C,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,6IAA6I;IAC7I,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,oCAAoC;IACpC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oIAAoI;IACpI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/models/skill-archive-upload-dialog-props.d.ts

@@ -0,0 +1,33 @@
+/** Labels for {@link SkillArchiveUploadDialogProps}; each has an English default. */
+export interface SkillArchiveUploadDialogLabels {
+    /** Dialog header. Defaults to `'Upload skill'`. */
+    dialogTitle?: string;
+    /** Drop-zone label shown on desktop widths. Defaults to `'Drag and drop it or click here to upload'`. */
+    dropZoneLabel?: string;
+    /** Drop-zone label shown on mobile widths. Defaults to `'Click here to upload'`. */
+    dropZoneMobileLabel?: string;
+    /** Sentence describing accepted formats, shown under the drop zone. Defaults to `'File formats .zip and SKILL.md'`. */
+    formatsLabel?: string;
+    /** Accessible name for the native file input. Defaults to `'Upload a skill ZIP archive or a SKILL.md file'`. */
+    fileInputAriaLabel?: string;
+    /** Accessible name for the dialog's close button. Defaults to `'Close'`. */
+    closeAriaLabel?: string;
+}
+/** Props for {@link SkillArchiveUploadDialog}. */
+export interface SkillArchiveUploadDialogProps {
+    /** Whether the dialog is open. */
+    isOpen: boolean;
+    /** Rejection message rendered under the drop area; omit when nothing was rejected. */
+    errorText?: string;
+    /** `accept` value forwarded to the drop zone/native file input. Defaults to `'.zip,.md'`. */
+    accept?: string;
+    /** Labels rendered by the dialog; each falls back to an English default. */
+    labels?: SkillArchiveUploadDialogLabels;
+    /** Called on Escape, the close button, or an outside click. */
+    onClose: () => void;
+    /** Called with the picked or dropped files that `accept` allowed through. */
+    onFilesSelected: (files: File[]) => void;
+    /** Called when a drop carried files that `accept` excluded. */
+    onFilesRejected: () => void;
+}
+//# sourceMappingURL=skill-archive-upload-dialog-props.d.ts.map

package/models/skill-archive-upload-dialog-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-archive-upload-dialog-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-archive-upload-dialog-props.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,MAAM,WAAW,8BAA8B;IAC7C,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yGAAyG;IACzG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uHAAuH;IACvH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gHAAgH;IAChH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,kCAAkC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,+DAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6EAA6E;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,+DAA+D;IAC/D,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B"}

package/models/skill-info-tooltip-content-props.d.ts

@@ -11,5 +11,11 @@ export interface SkillInfoTooltipContentProps {
     viewDetailsLabel?: string;
     /** Called when the "View details" button is clicked. Unused while `unsupportedMessage` is set. */
     onViewDetails?: () => void;
+    /**
+     * `tabIndex` of the "View details" button. Pass `-1` to keep it out of the
+     * Tab sequence (still clickable) where the tooltip hangs off a list row and
+     * Tab should move from row to row. Unset keeps the button's default.
+     */
+    viewDetailsTabIndex?: number;
 }
 //# sourceMappingURL=skill-info-tooltip-content-props.d.ts.map

package/models/skill-info-tooltip-content-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill-info-tooltip-content-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-info-tooltip-content-props.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,WAAW,4BAA4B;IAC3C,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kGAAkG;IAClG,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B"}
+{"version":3,"file":"skill-info-tooltip-content-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-info-tooltip-content-props.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,WAAW,4BAA4B;IAC3C,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kGAAkG;IAClG,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/models/skill-selector-field-props.d.ts

@@ -0,0 +1,80 @@
+import { CSSProperties, ReactNode } from 'react';
+import { FavoriteSkillItem } from './favorite-skill-item';
+import { FavoriteSkillsPanelLabels } from './favorite-skills-panel-props';
+import { SkillCatalogModalProps } from './skill-catalog-modal-props';
+/** Translated text for a controlled skill field. */
+export interface SkillSelectorFieldLabels {
+    /** Empty selection text. */
+    placeholder: string;
+    /** Browse dialog title. */
+    modalTitle: string;
+    /** Accessible name of the removal control. */
+    removeSkillLabel: string;
+    /** Explanation shown when the selected model cannot use skills. */
+    unsupportedTooltipLabel: string;
+    /** Favorites panel text; omitted entries use the panel's English defaults. */
+    panelLabels?: FavoriteSkillsPanelLabels;
+    /** Favorites search label and placeholder. Defaults to 'Search skills'. */
+    searchPlaceholder?: string;
+    /** Accessible search clear label. Defaults to 'Clear search'. */
+    clearSearchLabel?: string;
+}
+/** Per-instance theme and typography overrides for the skill field. */
+export interface SkillSelectorFieldStyles {
+    /** Field color overrides; omitted values use the host theme. */
+    colors?: {
+        /** Text color. */
+        text?: string;
+        /** Field background. */
+        background?: string;
+        /** Field border. */
+        border?: string;
+        /** Invalid-state text and border. */
+        error?: string;
+    };
+    /** Label typography overrides. */
+    typography?: {
+        /** CSS classes applied to the value. Defaults to 'dial-small-text'. */
+        fontClassName?: string;
+    };
+    /** Additional classes applied to the input wrapper. */
+    triggerClassName?: string;
+    /** CSS custom properties merged after the typed overrides. */
+    cssVars?: CSSProperties;
+}
+/** Host-controlled selection; catalog data and rendering belong to the caller. */
+export interface SkillSelectorFieldProps {
+    /** Selected reference, independent of catalog loading. */
+    value?: string;
+    /** Called to replace or remove the selected reference. */
+    onChange: (value: string | undefined) => void;
+    /** Resolved name; defaults to the full selected reference. */
+    displayName?: string;
+    /** Host-resolved favorite skills. Defaults to an empty list. */
+    favorites?: FavoriteSkillItem[];
+    /** Removes a skill from favorites; omitted hides the star action. */
+    onToggleFavorite?: (id: string) => void;
+    /** Opens host-owned skill details; omitted hides the details tooltip. */
+    onViewDetails?: (item: FavoriteSkillItem) => void;
+    /** Optional popup presentation, such as a mobile sheet. Defaults to a dropdown. */
+    renderOverlay?: (panel: ReactNode, isOpen: boolean, onClose: () => void) => ReactNode;
+    /** Explicit skill support for the selected model. */
+    isSkillsSupported: boolean;
+    /** Disables all controls. Defaults to false. */
+    isDisabled?: boolean;
+    /** Host validation state. Defaults to false. */
+    isInvalid?: boolean;
+    /** ID of the host-rendered label. */
+    labelledById: string;
+    /** ID of host-rendered feedback. */
+    describedById?: string;
+    /** Translated visible and accessible text. */
+    labels: SkillSelectorFieldLabels;
+    /** Catalog content that calls back with the selected reference. */
+    renderCatalogContent: SkillCatalogModalProps['renderContent'];
+    /** Additional classes applied to the root. */
+    className?: string;
+    /** Theme and typography overrides. */
+    styles?: SkillSelectorFieldStyles;
+}
+//# sourceMappingURL=skill-selector-field-props.d.ts.map

package/models/skill-selector-field-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-selector-field-props.d.ts","sourceRoot":"","sources":["../../src/models/skill-selector-field-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,oDAAoD;AACpD,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,uBAAuB,EAAE,MAAM,CAAC;IAChC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,uEAAuE;AACvE,MAAM,WAAW,wBAAwB;IACvC,gEAAgE;IAChE,MAAM,CAAC,EAAE;QACP,kBAAkB;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,qCAAqC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kCAAkC;IAClC,UAAU,CAAC,EAAE;QACX,uEAAuE;QACvE,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,kFAAkF;AAClF,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAChC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,mFAAmF;IACnF,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,IAAI,KAChB,SAAS,CAAC;IACf,qDAAqD;IACrD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,MAAM,EAAE,wBAAwB,CAAC;IACjC,mEAAmE;IACnE,oBAAoB,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAC9D,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC"}

package/models/skill-selector-overlay.d.ts

@@ -1,4 +1,4 @@
-import { RequestSkill } from '../../../chat-shared/src/index.ts';
+import { RequestSkill } from '@epam/ai-dial-chat-shared';
 import { CommandMenuConfig, MenuOverlayConfig } from '@epam/ai-dial-conversation-input';
 import { ComponentType, ReactNode } from 'react';
 import { SkillListingEntry } from './favorite-skill-item';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-skills",
   "description": "Host-agnostic UI for picking a favorite skill to attach to a chat input",
-  "version": "1.2.0-dev.14",
+  "version": "1.2.0-dev.141",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,12 +18,12 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-catalog": "1.2.0-dev.14",
-    "@epam/ai-dial-conversation-input": "1.2.0-dev.14"
+    "@epam/ai-dial-catalog": "1.2.0-dev.141",
+    "@epam/ai-dial-conversation-input": "1.2.0-dev.141"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.14",
-    "@epam/ai-dial-ui-kit": "^0.14.2",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.141",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.18",
     "react": "^19.2.8"
   },
   "repository": {

package/test-setup.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=test-setup.d.ts.map