prime-ui-kit 0.21.2 → 0.21.3

package/README.md

@@ -249,9 +249,9 @@ accessibility, examples and common mistakes.
 | [**Gantt**](https://github.com/esurkov1/prime-ui/blob/main/src/components/gantt/COMPONENT.md) | A resource or project schedule: rows of people, rooms, vehicles or tasks with bars on a day / week / month axis, edited by pointer and keyboard. |
 | [**Timeline**](https://github.com/esurkov1/prime-ui/blob/main/src/components/timeline/COMPONENT.md) | An event feed: dots on a thin line, event title and date, an optional amount on the right, grouped under labels. |
 | [**CodeBlock**](https://github.com/esurkov1/prime-ui/blob/main/src/components/code-block/COMPONENT.md) | A static TypeScript / TSX snippet with syntax highlighting, on a filled panel or bare inside a host. |
-| [**RichText**](https://github.com/esurkov1/prime-ui/blob/main/src/components/rich-text/COMPONENT.md) | Text in the chat's Markdown subset outside a message — a bot's welcome text, a template, a comment — rendered as elements, never as HTML. |
+| [**RichText**](https://github.com/esurkov1/prime-ui/blob/main/src/components/rich-text/COMPONENT.md) | Text in the chat's Markdown subset — or a messenger's plain text with its entities — outside a message (a bot's welcome text, a template, a comment), rendered as elements, never as HTML. |
 | [**Accordion**](https://github.com/esurkov1/prime-ui/blob/main/src/components/accordion/COMPONENT.md) | Collapsible sections: FAQ, settings groups, checkout steps. |
-| [**Sparkline**](https://github.com/esurkov1/prime-ui/blob/main/src/components/sparkline/COMPONENT.md) | A small chart — a smooth line over a fading area, a bare line or bars — with its headline: the value at rest, its change and its date; any point can be scrubbed. |
+| [**Sparkline**](https://github.com/esurkov1/prime-ui/blob/main/src/components/sparkline/COMPONENT.md) | A small chart — a smooth line over a fading area, a bare line or bars — with its headline: the value at rest, its date and an optional change; any point can be scrubbed. |
 | [**ChartFrame**](https://github.com/esurkov1/prime-ui/blob/main/src/components/chart-frame/COMPONENT.md) | A dashboard panel around any chart — Recharts, ECharts, visx, Chart.js or a hand-drawn SVG — with the title, a headline value, a measured plot area, a series legend, a tooltip body and a data table for screen readers. |
 | [**DescriptionList**](https://github.com/esurkov1/prime-ui/blob/main/src/components/description-list/COMPONENT.md) | Read-only properties of a record: «label — value» pairs on a `<dl>` that stack by themselves where the room is narrow, with a muted dash for an empty value. |
 

package/THIRD_PARTY_NOTICES

@@ -4,6 +4,8 @@ Third-party notices for prime-ui-kit
 The kit's icon glyphs (src/icons/glyphs) draw their SVG paths from Lucide, and their gestures
 are adapted from lucide-animated, rewritten from Motion to CSS keyframes on the kit's motion
 tokens. Both licenses permit copying, modifying and redistributing with these notices kept.
+The brand marks (src/icons/glyphs/telegram.tsx, vk.tsx, whatsapp.tsx — `brand.*` in the
+registry) draw their SVG paths from Simple Icons, dedicated to the public domain (CC0).
 
 -------------------------------------------------------------------------------
 Lucide — https://lucide.dev — https://github.com/lucide-icons/lucide
@@ -74,3 +76,14 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
+
+-------------------------------------------------------------------------------
+Simple Icons — https://simpleicons.org — https://github.com/simple-icons/simple-icons
+-------------------------------------------------------------------------------
+
+CC0 1.0 Universal (public domain dedication) — https://creativecommons.org/publicdomain/zero/1.0/
+
+The SVG paths of the Telegram, VK and WhatsApp marks are copied from simple-icons 16.35.0.
+The marks themselves are trademarks of their respective owners. CC0 covers the drawings, not
+the trademarks: the kit uses them only to refer to the service (a channel, an account, a
+connection) and draws them monochrome in the text colour; it implies no endorsement.

package/dist/chunks/{chunk-VQ3UCVDV.js → chunk-BAJRN3QN.js}

@@ -23,11 +23,11 @@ import {
   useInheritedDisabled,
   useLabels,
   useOpenState
-} from "./chunk-7JYPFRZ3.js";
+} from "./chunk-JO7E6SZQ.js";
 import {
   cx,
   useHostTier
-} from "./chunk-T7IEJSTH.js";
+} from "./chunk-HMLQCKRL.js";
 
 // src/components/color-field/ColorField.tsx
 import * as React3 from "react";

package/dist/chunks/{chunk-T7IEJSTH.js → chunk-HMLQCKRL.js}

@@ -358,6 +358,18 @@ function defineGlyph(source, body) {
   GlyphIcon.displayName = `Glyph(${source})`;
   return Object.assign(GlyphIcon, { source });
 }
+function defineBrandGlyph(slug, d, box) {
+  return defineGlyph(
+    `simple-icons:${slug}`,
+    /* @__PURE__ */ jsx2("g", { "data-motion": "tilt", fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx2(
+      "path",
+      {
+        transform: `translate(${(24 - box) / 2} ${(24 - box) / 2}) scale(${Number((box / 24).toFixed(4))})`,
+        d
+      }
+    ) })
+  );
+}
 
 // src/icons/glyphs/activity.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
@@ -1546,6 +1558,13 @@ var Tablet = /* @__PURE__ */ defineGlyph(
   ] })
 );
 
+// src/icons/glyphs/telegram.tsx
+var Telegram = /* @__PURE__ */ defineBrandGlyph(
+  "telegram",
+  "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z",
+  18
+);
+
 // src/icons/glyphs/text-quote.tsx
 import { Fragment as Fragment54, jsx as jsx103, jsxs as jsxs84 } from "react/jsx-runtime";
 var TextQuote = /* @__PURE__ */ defineGlyph(
@@ -1671,6 +1690,13 @@ var Video = /* @__PURE__ */ defineGlyph(
   ] })
 );
 
+// src/icons/glyphs/vk.tsx
+var Vk = /* @__PURE__ */ defineBrandGlyph(
+  "vk",
+  "m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z",
+  18
+);
+
 // src/icons/glyphs/volume-2.tsx
 import { Fragment as Fragment62, jsx as jsx113, jsxs as jsxs94 } from "react/jsx-runtime";
 var Volume2 = /* @__PURE__ */ defineGlyph(
@@ -1720,6 +1746,13 @@ var Wallet = /* @__PURE__ */ defineGlyph(
   ] })
 );
 
+// src/icons/glyphs/whatsapp.tsx
+var Whatsapp = /* @__PURE__ */ defineBrandGlyph(
+  "whatsapp",
+  "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z",
+  20
+);
+
 // src/icons/glyphs/x.tsx
 import { jsx as jsx116, jsxs as jsxs97 } from "react/jsx-runtime";
 var X = /* @__PURE__ */ defineGlyph(
@@ -1883,6 +1916,7 @@ export {
   Strikethrough,
   Sun,
   Tablet,
+  Telegram,
   TextQuote,
   Trash2,
   TriangleAlert,
@@ -1893,9 +1927,11 @@ export {
   UserRound,
   Users,
   Video,
+  Vk,
   Volume2,
   VolumeX,
   Wallet,
+  Whatsapp,
   X,
   ZoomIn,
   ZoomOut

package/dist/chunks/{chunk-7JYPFRZ3.js → chunk-JO7E6SZQ.js}

@@ -104,6 +104,7 @@ import {
   Sun,
   TOKEN_DEFAULTS,
   Tablet,
+  Telegram,
   TextQuote,
   Trash2,
   TriangleAlert,
@@ -114,9 +115,11 @@ import {
   UserRound,
   Users,
   Video,
+  Vk,
   Volume2,
   VolumeX,
   Wallet,
+  Whatsapp,
   X,
   ZoomIn,
   ZoomOut,
@@ -140,7 +143,7 @@ import {
   useIconRoot,
   useOptionalControlSize,
   usePresence
-} from "./chunk-T7IEJSTH.js";
+} from "./chunk-HMLQCKRL.js";
 
 // src/components/scroll-container/ScrollContainer.tsx
 import * as React9 from "react";
@@ -510,24 +513,30 @@ function useEdgeOverflow(ref, axis, depth = false) {
 // src/hooks/useMergedRefs.ts
 import * as React4 from "react";
 function assignRef(ref, value) {
-  if (typeof ref === "function") ref(value);
-  else if (ref) ref.current = value;
+  if (typeof ref === "function") {
+    const cleanup = ref(value);
+    return typeof cleanup === "function" ? cleanup : void 0;
+  }
+  if (ref) ref.current = value;
+  return void 0;
 }
-function releaseRef(ref, node) {
-  if (typeof ref === "function") ref(null);
-  else if (ref && ref.current === node) ref.current = null;
+function releaseRef(ref, node, cleanup) {
+  if (typeof ref === "function") {
+    if (cleanup) cleanup();
+    else ref(null);
+  } else if (ref && ref.current === node) ref.current = null;
 }
 function useMergedRefs(a, b, c) {
   return React4.useCallback(
     (value) => {
-      assignRef(a, value);
-      assignRef(b, value);
-      assignRef(c, value);
       if (value === null) return;
+      const cleanupA = assignRef(a, value);
+      const cleanupB = assignRef(b, value);
+      const cleanupC = assignRef(c, value);
       return () => {
-        releaseRef(a, value);
-        releaseRef(b, value);
-        releaseRef(c, value);
+        releaseRef(a, value, cleanupA);
+        releaseRef(b, value, cleanupB);
+        releaseRef(c, value, cleanupC);
       };
     },
     [a, b, c]
@@ -2929,7 +2938,13 @@ var iconRegistry = {
   "view.preview": Eye,
   "viewport.desktop": Monitor,
   "viewport.mobile": Smartphone,
-  "viewport.tablet": Tablet
+  "viewport.tablet": Tablet,
+  /** A channel or account on Telegram (a filter, a connect choice). */
+  "brand.telegram": Telegram,
+  /** A channel or account on VK. */
+  "brand.vk": Vk,
+  /** A channel or account on WhatsApp. */
+  "brand.whatsapp": Whatsapp
 };
 
 // src/icons/Icon.tsx
@@ -7992,7 +8007,6 @@ import { Fragment as Fragment16, jsx as jsx41, jsxs as jsxs26 } from "react/jsx-
 var SELECT_LABELS = {
   search: "\u041F\u043E\u0438\u0441\u043A",
   empty: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
-  emptyHint: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441",
   loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430\u2026",
   retry: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C",
   clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
@@ -8546,10 +8560,7 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
               ]
             }
           ),
-          region === "ready" && isEmpty ? /* @__PURE__ */ jsxs26(EmptyPage.Root, { layout: "compact", size, role: "status", children: [
-            /* @__PURE__ */ jsx41(EmptyPage.Title, { as: "p", children: labels.empty }),
-            query !== "" && labels.emptyHint ? /* @__PURE__ */ jsx41(EmptyPage.Description, { children: labels.emptyHint }) : null
-          ] }) : null,
+          region === "ready" && isEmpty ? /* @__PURE__ */ jsx41(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx41(EmptyPage.Title, { as: "p", children: labels.empty }) }) : null,
           actions.length > 0 ? (
             // Owned by the listbox (`aria-owns`): its options for assistive tech, pinned under
             // the scroller and the empty state for the eye.