@sia.soul/sia-react-ui 0.1.32 → 0.1.33

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-DMDpT7P8.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-DMDpT7P8.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-CzO_tc34.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-CzO_tc34.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-DziuxwXr.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-DziuxwXr.js';
+import { T as TagStatus, B as BadgeProps } from './core-CIXKpA9Z.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-CIXKpA9Z.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';

package/dist/index.js

@@ -56,7 +56,7 @@ import {
   smoothSvgPath,
   svgArcPath,
   transferCompositeValue
-} from "./chunk-TZROBD65.js";
+} from "./chunk-Q4FDV6KP.js";
 import {
   Badge,
   Breadcrumb,
@@ -80,22 +80,22 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-NDJSNM54.js";
+} from "./chunk-Z63VYNCR.js";
 import {
   TextArea
-} from "./chunk-YQDHCORW.js";
+} from "./chunk-SMCYEPBL.js";
 import {
   MarkdownEditor
-} from "./chunk-PXHBIRQW.js";
+} from "./chunk-JZPAIZYK.js";
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-LK56NX5F.js";
+} from "./chunk-MHUYOGCG.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-33C5ZEQ6.js";
+} from "./chunk-BR2SD6RD.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -110,7 +110,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-AHBC5UXJ.js";
+} from "./chunk-QAVQEBIS.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -120,10 +120,10 @@ import {
   Menu,
   Segmented,
   Steps
-} from "./chunk-YF2I6SDB.js";
+} from "./chunk-HOU5JLNJ.js";
 import {
   Button
-} from "./chunk-IYNS423D.js";
+} from "./chunk-IKAMZNCK.js";
 import {
   ControlSizeContext,
   PlaceholderModeContext,
@@ -133,7 +133,7 @@ import {
   useFloatingPlaceholder,
   usePlaceholderMode,
   withTitleTooltip
-} from "./chunk-RAO3JHDL.js";
+} from "./chunk-H7IAG72O.js";
 
 // src/components/Alert.tsx
 import { useState } from "react";

package/dist/markdown-editor.cjs

@@ -166,6 +166,7 @@ function installTitleTooltips(doc) {
   documents.add(doc);
   let hovered = null;
   let focused = null;
+  let keyboardFocus = true;
   let active = null;
   let pending = null;
   let timer;
@@ -256,19 +257,30 @@ function installTitleTooltips(doc) {
     else show(hovered ?? focused);
   }, true);
   doc.addEventListener("focusin", (event) => {
-    focused = candidate(event.target);
+    focused = keyboardFocus ? candidate(event.target) : null;
     if (hasExplicitTooltip(event.target)) hide();
-    else show(focused ?? hovered);
+    else if (keyboardFocus) show(focused ?? hovered);
   }, true);
   doc.addEventListener("focusout", (event) => {
-    focused = candidate(event.relatedTarget);
+    focused = keyboardFocus ? candidate(event.relatedTarget) : null;
     show(hovered ?? focused);
   }, true);
-  doc.addEventListener("pointerdown", hide, true);
+  doc.addEventListener("pointerdown", () => {
+    keyboardFocus = false;
+    focused = null;
+    hide();
+  }, true);
   doc.addEventListener("keydown", (event) => {
     if (event.key === "Escape") hide();
+    else if (event.key === "Tab") keyboardFocus = true;
   }, true);
   doc.addEventListener("scroll", hide, true);
+  doc.addEventListener("visibilitychange", () => {
+    if (doc.hidden) {
+      hovered = focused = null;
+      hide();
+    }
+  });
   doc.defaultView?.addEventListener("blur", () => {
     hovered = focused = null;
     hide();

package/dist/markdown-editor.js

@@ -1,7 +1,7 @@
 import {
   MarkdownEditor
-} from "./chunk-PXHBIRQW.js";
-import "./chunk-RAO3JHDL.js";
+} from "./chunk-JZPAIZYK.js";
+import "./chunk-H7IAG72O.js";
 export {
   MarkdownEditor
 };

package/dist/rich-text-editor.cjs

@@ -167,6 +167,7 @@ function installTitleTooltips(doc) {
   documents.add(doc);
   let hovered = null;
   let focused = null;
+  let keyboardFocus = true;
   let active = null;
   let pending = null;
   let timer;
@@ -257,19 +258,30 @@ function installTitleTooltips(doc) {
     else show(hovered ?? focused);
   }, true);
   doc.addEventListener("focusin", (event) => {
-    focused = candidate(event.target);
+    focused = keyboardFocus ? candidate(event.target) : null;
     if (hasExplicitTooltip(event.target)) hide();
-    else show(focused ?? hovered);
+    else if (keyboardFocus) show(focused ?? hovered);
   }, true);
   doc.addEventListener("focusout", (event) => {
-    focused = candidate(event.relatedTarget);
+    focused = keyboardFocus ? candidate(event.relatedTarget) : null;
     show(hovered ?? focused);
   }, true);
-  doc.addEventListener("pointerdown", hide, true);
+  doc.addEventListener("pointerdown", () => {
+    keyboardFocus = false;
+    focused = null;
+    hide();
+  }, true);
   doc.addEventListener("keydown", (event) => {
     if (event.key === "Escape") hide();
+    else if (event.key === "Tab") keyboardFocus = true;
   }, true);
   doc.addEventListener("scroll", hide, true);
+  doc.addEventListener("visibilitychange", () => {
+    if (doc.hidden) {
+      hovered = focused = null;
+      hide();
+    }
+  });
   doc.defaultView?.addEventListener("blur", () => {
     hovered = focused = null;
     hide();

package/dist/rich-text-editor.js

@@ -1,10 +1,10 @@
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-LK56NX5F.js";
-import "./chunk-YF2I6SDB.js";
-import "./chunk-IYNS423D.js";
-import "./chunk-RAO3JHDL.js";
+} from "./chunk-MHUYOGCG.js";
+import "./chunk-HOU5JLNJ.js";
+import "./chunk-IKAMZNCK.js";
+import "./chunk-H7IAG72O.js";
 export {
   RichTextContent,
   RichTextEditor

package/dist/select-date-range.cjs

@@ -156,6 +156,7 @@ function installTitleTooltips(doc) {
   documents.add(doc);
   let hovered = null;
   let focused = null;
+  let keyboardFocus = true;
   let active = null;
   let pending = null;
   let timer;
@@ -246,19 +247,30 @@ function installTitleTooltips(doc) {
     else show(hovered ?? focused);
   }, true);
   doc.addEventListener("focusin", (event) => {
-    focused = candidate(event.target);
+    focused = keyboardFocus ? candidate(event.target) : null;
     if (hasExplicitTooltip(event.target)) hide();
-    else show(focused ?? hovered);
+    else if (keyboardFocus) show(focused ?? hovered);
   }, true);
   doc.addEventListener("focusout", (event) => {
-    focused = candidate(event.relatedTarget);
+    focused = keyboardFocus ? candidate(event.relatedTarget) : null;
     show(hovered ?? focused);
   }, true);
-  doc.addEventListener("pointerdown", hide, true);
+  doc.addEventListener("pointerdown", () => {
+    keyboardFocus = false;
+    focused = null;
+    hide();
+  }, true);
   doc.addEventListener("keydown", (event) => {
     if (event.key === "Escape") hide();
+    else if (event.key === "Tab") keyboardFocus = true;
   }, true);
   doc.addEventListener("scroll", hide, true);
+  doc.addEventListener("visibilitychange", () => {
+    if (doc.hidden) {
+      hovered = focused = null;
+      hide();
+    }
+  });
   doc.defaultView?.addEventListener("blur", () => {
     hovered = focused = null;
     hide();

package/dist/select-date-range.js

@@ -1,10 +1,10 @@
 import {
   SelectDateRange
-} from "./chunk-33C5ZEQ6.js";
-import "./chunk-AHBC5UXJ.js";
-import "./chunk-YF2I6SDB.js";
-import "./chunk-IYNS423D.js";
-import "./chunk-RAO3JHDL.js";
+} from "./chunk-BR2SD6RD.js";
+import "./chunk-QAVQEBIS.js";
+import "./chunk-HOU5JLNJ.js";
+import "./chunk-IKAMZNCK.js";
+import "./chunk-H7IAG72O.js";
 export {
   SelectDateRange
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",