@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-N2JYU4JI.js

@@ -1,9 +1,13 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Segmented.tsx
 
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Segmented.tsx
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Segmented = ({
   value,
   options = [],
@@ -16,40 +20,40 @@ var Segmented = ({
   function handleSelect(opt) {
     if (opt.disabled || disabled) return;
     if (opt.value === value) return;
-    onChange?.(opt.value);
+    _optionalChain([onChange, 'optionalCall', _ => _(opt.value)]);
   }
   const selectedIndex = options.findIndex((opt) => opt.value === value);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: tigercatCore.classNames(tigercatCore.getSegmentedContainerClasses(size, block), className),
-      style: tigercatCore.getSegmentedContainerStyle(options.length),
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.getSegmentedContainerClasses.call(void 0, size, block), className),
+      style: _tigercatcore.getSegmentedContainerStyle.call(void 0, options.length),
       role: "radiogroup",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
             "data-tiger-segmented-indicator": "true",
             "aria-hidden": "true",
-            className: tigercatCore.getSegmentedIndicatorClasses(size),
-            style: tigercatCore.getSegmentedIndicatorStyle(selectedIndex, options.length, size)
+            className: _tigercatcore.getSegmentedIndicatorClasses.call(void 0, size),
+            style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, selectedIndex, options.length, size)
           }
         ),
         options.map((opt) => {
           const selected = opt.value === value;
           const isDisabled = !!opt.disabled || disabled;
-          return /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "label",
             {
-              className: tigercatCore.classNames(
-                tigercatCore.getSegmentedOptionClasses(size, selected, isDisabled),
+              className: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.getSegmentedOptionClasses.call(void 0, size, selected, isDisabled),
                 block ? "flex-1 text-center" : ""
               ),
               role: "radio",
               "aria-checked": selected,
               "aria-disabled": isDisabled,
               onClick: () => handleSelect(opt),
-              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: opt.label })
             },
             opt.value
           );
@@ -59,4 +63,6 @@ var Segmented = ({
   );
 };
 
+
+
 exports.Segmented = Segmented;

package/dist/{chunk-2IUTFPQQ.mjs → chunk-NASC6XHN.mjs}

@@ -1,9 +1,8 @@
-import { useRef, useState, useEffect, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { classNames, getChartTooltipTransform } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/ChartTooltip.tsx
+import { useRef, useEffect, useState, useMemo } from "react";
+import { createPortal } from "react-dom";
+import { classNames, getChartTooltipTransform, isBrowser } from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var ChartTooltip = ({
   content,
   visible = false,
@@ -62,11 +61,14 @@ var ChartTooltip = ({
       children: content
     }
   );
-  if (typeof document !== "undefined") {
+  if (isBrowser()) {
     return createPortal(tooltip, document.body);
   }
   return null;
 };
 var ChartTooltip_default = ChartTooltip;
 
-export { ChartTooltip, ChartTooltip_default };
+export {
+  ChartTooltip,
+  ChartTooltip_default
+};

package/dist/{chunk-KGWPSVEQ.mjs → chunk-NF3OF7S5.mjs}

@@ -1,8 +1,19 @@
-import { useFormContext } from './chunk-IZTNHCIO.mjs';
-import React, { useState, useRef, useId, useMemo, useEffect, useCallback } from 'react';
-import { getFormItemFieldClasses, getFormItemAsteriskClasses, classNames, getFormItemClasses, getFormItemLabelClasses, getFormItemErrorClasses, getFormItemContentClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useFormContext
+} from "./chunk-Y5E4XH6H.mjs";
 
+// src/components/FormItem.tsx
+import React, { useMemo, useEffect, useState, useCallback, useId, useRef } from "react";
+import {
+  classNames,
+  getFormItemClasses,
+  getFormItemLabelClasses,
+  getFormItemContentClasses,
+  getFormItemFieldClasses,
+  getFormItemErrorClasses,
+  getFormItemAsteriskClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 function hasRequiredRule(maybeRules) {
   if (!maybeRules) return false;
   const ruleArr = Array.isArray(maybeRules) ? maybeRules : [maybeRules];
@@ -29,7 +40,8 @@ var FormItem = ({
   errorDisplayMode = "inline",
   size,
   children,
-  className
+  className,
+  condition
 }) => {
   const formContext = useFormContext();
   const [errorMessage, setErrorMessage] = useState("");
@@ -43,6 +55,12 @@ var FormItem = ({
   const actualSize = size || formContext?.size || "md";
   const labelPosition = formContext?.labelPosition || "right";
   const labelAlign = formContext?.labelAlign || "right";
+  const conditionState = useMemo(() => {
+    if (!name || !formContext) {
+      return { shown: true, disabled: false, required: false };
+    }
+    return formContext.getFieldConditionState(name, condition);
+  }, [name, formContext, condition]);
   const actualLabelWidth = useMemo(() => {
     const width = labelWidth || formContext?.labelWidth;
     if (typeof width === "number") {
@@ -66,8 +84,8 @@ var FormItem = ({
     return false;
   }, [required, rules, name, formContext?.rules]);
   const isRequired = useMemo(
-    () => showRequiredAsterisk && (formContext?.showRequiredAsterisk ?? true),
-    [showRequiredAsterisk, formContext?.showRequiredAsterisk]
+    () => (showRequiredAsterisk || conditionState.required) && (formContext?.showRequiredAsterisk ?? true),
+    [showRequiredAsterisk, conditionState.required, formContext?.showRequiredAsterisk]
   );
   useEffect(() => {
     if (name && formContext?.errorsByField) {
@@ -91,10 +109,12 @@ var FormItem = ({
     if (rules) {
       formContext.registerFieldRules(name, rules);
     }
+    formContext.registerFieldCondition(name, condition);
     return () => {
       formContext.registerFieldRules(name, void 0);
+      formContext.registerFieldCondition(name, void 0);
     };
-  }, [name, rules, formContext]);
+  }, [name, rules, condition, formContext]);
   const handleBlur = useCallback(() => {
     if (name && formContext) {
       formContext.validateField(name, rules, "blur");
@@ -127,11 +147,9 @@ var FormItem = ({
     }
     const nextProps = {
       id: effectiveFieldId,
-      status: !isNativeElement && hasError ? "error" : onlyChild.props.status,
-      errorMessage: !isNativeElement && hasError && !showMessage ? errorMessage : onlyChild.props.errorMessage,
-      _shakeTrigger: !isNativeElement && hasError ? shakeTrigger : void 0,
       "aria-invalid": hasError ? true : onlyChild.props["aria-invalid"],
       "aria-required": isRequired ? true : onlyChild.props["aria-required"],
+      disabled: conditionState.disabled || formContext?.disabled ? true : onlyChild.props.disabled,
       "aria-describedby": mergeAriaDescribedBy(onlyChild.props["aria-describedby"], describedById),
       onBlur: (event) => {
         onlyChild.props.onBlur?.(event);
@@ -142,6 +160,11 @@ var FormItem = ({
         handleChange();
       }
     };
+    if (!isNativeElement) {
+      nextProps.status = hasError ? "error" : onlyChild.props.status;
+      nextProps.errorMessage = hasError && !showMessage ? errorMessage : onlyChild.props.errorMessage;
+      nextProps._shakeTrigger = hasError ? shakeTrigger : void 0;
+    }
     return React.cloneElement(onlyChild, nextProps);
   }, [
     isClonableChild,
@@ -153,6 +176,8 @@ var FormItem = ({
     showMessage,
     shakeTrigger,
     isRequired,
+    conditionState.disabled,
+    formContext?.disabled,
     isNativeElement,
     describedById,
     handleBlur,
@@ -164,11 +189,11 @@ var FormItem = ({
         size: actualSize,
         labelPosition,
         hasError,
-        disabled: formContext?.disabled
+        disabled: formContext?.disabled || conditionState.disabled
       }),
       className
     ),
-    [actualSize, labelPosition, hasError, formContext?.disabled, className]
+    [actualSize, labelPosition, hasError, formContext?.disabled, conditionState.disabled, className]
   );
   const labelClasses = useMemo(
     () => getFormItemLabelClasses({
@@ -196,6 +221,9 @@ var FormItem = ({
     ),
     [labelPosition, errorDisplayMode]
   );
+  if (!conditionState.shown) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs("div", { className: formItemClasses, children: [
     label && /* @__PURE__ */ jsxs(
       "label",
@@ -245,4 +273,6 @@ var FormItem = ({
 };
 FormItem.displayName = "TigerFormItem";
 
-export { FormItem };
+export {
+  FormItem
+};

package/dist/chunk-NKKIJQMV.mjs

@@ -1,8 +1,17 @@
-import { memo, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { sliderGetPercentage, sliderGetValueFromPosition, sliderGetKeyboardValue, getSliderTrackClasses, getSliderThumbClasses, getSliderTooltipClasses, classNames, sliderRangeClasses, sliderBaseClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
 // src/components/Slider.tsx
+import { useState, useRef, useEffect, useCallback, useMemo, memo } from "react";
+import {
+  classNames,
+  sliderBaseClasses,
+  sliderRangeClasses,
+  getSliderTrackClasses,
+  getSliderThumbClasses,
+  getSliderTooltipClasses,
+  sliderGetPercentage,
+  sliderGetValueFromPosition,
+  sliderGetKeyboardValue
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Thumb = memo(
   ({
     value,
@@ -306,4 +315,6 @@ var Slider = ({
   );
 };
 
-export { Slider };
+export {
+  Slider
+};

package/dist/{chunk-DVUND2QM.mjs → chunk-NKSYX4R7.mjs}

@@ -1,11 +1,29 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import React, { useMemo } from 'react';
-import { getChartInnerRect, resolveChartPalette, getTreeMapGradientPrefix, computeTreeMapNodes, buildChartLegendItems, resolveChartTooltipContent, classNames, getChartElementOpacity } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/TreeMapChart.tsx
+import React, { useId, useMemo } from "react";
+import {
+  classNames,
+  computeTreeMapNodes,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getStableChartGradientPrefix,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var TreeMapChart = ({
   width = 400,
   height = 300,
@@ -41,7 +59,11 @@ var TreeMapChart = ({
     [width, height, padding]
   );
   const palette = useMemo(() => resolveChartPalette(colors), [colors]);
-  const gradientPrefix = useMemo(() => getTreeMapGradientPrefix(), []);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("treemap", gradientId),
+    [gradientId]
+  );
   const nodes = useMemo(
     () => computeTreeMapNodes(data, {
       width: innerRect.width,
@@ -148,7 +170,7 @@ var TreeMapChart = ({
                 opacity,
                 className: classNames(interactive && "cursor-pointer"),
                 style: {
-                  transition: "opacity 0.2s ease-out, filter 0.2s ease-out",
+                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                   rx: "var(--tiger-chart-block-radius, 2px)",
                   filter: activeIndex === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
                 },
@@ -212,4 +234,6 @@ var TreeMapChart = ({
   ] });
 };
 
-export { TreeMapChart };
+export {
+  TreeMapChart
+};

package/dist/{chunk-LA3CJOWA.js → chunk-NMEVQPOD.js}

@@ -1,11 +1,30 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var client = require('react-dom/client');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
 
+// src/components/Notification.tsx
+var _react = require('react');
+var _client = require('react-dom/client');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
 var notificationInstancesByPosition = {
   "top-left": [],
@@ -26,7 +45,7 @@ var updateCallbacks = {
   "bottom-left": null,
   "bottom-right": null
 };
-var stackUpdateScheduler = tigercatCore.createNotificationStackUpdateScheduler();
+var stackUpdateScheduler = _tigercatcore.createNotificationStackUpdateScheduler.call(void 0, );
 function scheduleNotificationStackUpdate(position) {
   const callback = updateCallbacks[position];
   if (!callback) return;
@@ -36,27 +55,28 @@ function getNextInstanceId() {
   return ++instanceIdCounter;
 }
 var NotificationItem = ({ notification: notification2, onClose }) => {
-  const [isVisible, setIsVisible] = react.useState(false);
-  react.useEffect(() => {
-    setTimeout(() => setIsVisible(true), 10);
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const timer = setTimeout(() => setIsVisible(true), 10);
+    return () => clearTimeout(timer);
   }, []);
-  const colorScheme = tigercatCore.getNotificationTypeClasses(notification2.type);
-  const notificationClasses = tigercatCore.classNames(
-    tigercatCore.notificationBaseClasses,
+  const colorScheme = _tigercatcore.getNotificationTypeClasses.call(void 0, notification2.type);
+  const notificationClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.notificationBaseClasses,
     colorScheme.bg,
     colorScheme.border,
     notification2.className,
     isVisible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-full"
   );
-  const iconPath = notification2.icon || tigercatCore.getNotificationIconPath(notification2.type);
-  const iconClass = tigercatCore.classNames(tigercatCore.notificationIconClasses, colorScheme.icon);
+  const iconPath = notification2.icon || _tigercatcore.getNotificationIconPath.call(void 0, notification2.type);
+  const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.notificationIconClasses, colorScheme.icon);
   const handleClose = () => {
     setIsVisible(false);
-    setTimeout(() => onClose(notification2.id), tigercatCore.ANIMATION_DURATION_MS);
+    setTimeout(() => onClose(notification2.id), _tigercatcore.ANIMATION_DURATION_MS);
   };
   const a11yRole = notification2.type === "error" ? "alert" : "status";
   const ariaLive = notification2.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: notificationClasses,
@@ -77,22 +97,22 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
       "data-tiger-notification-type": notification2.type,
       "data-tiger-notification-id": String(notification2.id),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: iconPath, className: iconClass, "aria-hidden": "true", focusable: "false" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.notificationContentClasses, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
-          notification2.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: iconPath, className: iconClass, "aria-hidden": "true", focusable: "false" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.notificationContentClasses, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
+          notification2.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
         ] }),
-        notification2.closable && /* @__PURE__ */ jsxRuntime.jsx(
+        notification2.closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
-            className: tigercatCore.notificationCloseButtonClasses,
+            className: _tigercatcore.notificationCloseButtonClasses,
             onClick: (e) => {
               e.stopPropagation();
               handleClose();
             },
             "aria-label": "Close notification",
             type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.notificationCloseIconPath, className: tigercatCore.notificationCloseIconClasses })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.notificationCloseIconPath, className: _tigercatcore.notificationCloseIconClasses })
           }
         )
       ]
@@ -102,8 +122,8 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
 var NotificationContainer = ({
   position = "top-right"
 }) => {
-  const [notifications, setNotifications] = react.useState([]);
-  react.useEffect(() => {
+  const [notifications, setNotifications] = _react.useState.call(void 0, []);
+  _react.useEffect.call(void 0, () => {
     updateCallbacks[position] = () => {
       setNotifications([...notificationInstancesByPosition[position]]);
     };
@@ -113,14 +133,14 @@ var NotificationContainer = ({
       updateCallbacks[position] = null;
     };
   }, [position]);
-  const containerClasses = tigercatCore.classNames(
-    tigercatCore.notificationContainerBaseClasses,
-    tigercatCore.notificationPositionClasses[position]
+  const containerClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.notificationContainerBaseClasses,
+    _tigercatcore.notificationPositionClasses[position]
   );
   const handleRemove = (id) => {
     removeNotification(id, position);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
@@ -129,7 +149,7 @@ var NotificationContainer = ({
       "aria-relevant": "additions",
       "data-tiger-notification-container": "",
       "data-tiger-notification-position": position,
-      children: notifications.map((notification2) => /* @__PURE__ */ jsxRuntime.jsx(
+      children: notifications.map((notification2) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         NotificationItem,
         {
           notification: notification2,
@@ -141,7 +161,7 @@ var NotificationContainer = ({
   );
 };
 function ensureContainer(position) {
-  if (!tigercatCore.isBrowser()) {
+  if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
   }
   const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
@@ -160,8 +180,8 @@ function ensureContainer(position) {
     rootEl.id = rootId;
     document.body.appendChild(rootEl);
   }
-  containerRoots[position] = client.createRoot(rootEl);
-  containerRoots[position].render(/* @__PURE__ */ jsxRuntime.jsx(NotificationContainer, { position }));
+  containerRoots[position] = _client.createRoot.call(void 0, rootEl);
+  containerRoots[position].render(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, NotificationContainer, { position }));
 }
 function destroyContainer(position) {
   const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
@@ -171,8 +191,8 @@ function destroyContainer(position) {
   }
   updateCallbacks[position] = null;
   stackUpdateScheduler.cancel(position);
-  if (tigercatCore.isBrowser()) {
-    document.getElementById(rootId)?.remove();
+  if (_tigercatcore.isBrowser.call(void 0, )) {
+    _optionalChain([document, 'access', _ => _.getElementById, 'call', _2 => _2(rootId), 'optionalAccess', _3 => _3.remove, 'call', _4 => _4()]);
   }
 }
 function addNotification(config) {
@@ -207,7 +227,7 @@ function removeNotification(id, position) {
   if (index !== -1) {
     const instance = instances[index];
     instances.splice(index, 1);
-    instance.onClose?.();
+    _optionalChain([instance, 'access', _5 => _5.onClose, 'optionalCall', _6 => _6()]);
     if (notificationInstancesByPosition[position].length > 0) {
       scheduleNotificationStackUpdate(position);
     }
@@ -219,7 +239,7 @@ function removeNotification(id, position) {
 function clearAll(position) {
   if (position) {
     notificationInstancesByPosition[position].forEach((instance) => {
-      instance.onClose?.();
+      _optionalChain([instance, 'access', _7 => _7.onClose, 'optionalCall', _8 => _8()]);
     });
     notificationInstancesByPosition[position] = [];
     destroyContainer(position);
@@ -227,7 +247,7 @@ function clearAll(position) {
     Object.keys(notificationInstancesByPosition).forEach((pos) => {
       const p = pos;
       notificationInstancesByPosition[p].forEach((instance) => {
-        instance.onClose?.();
+        _optionalChain([instance, 'access', _9 => _9.onClose, 'optionalCall', _10 => _10()]);
       });
       notificationInstancesByPosition[p] = [];
       destroyContainer(p);
@@ -235,7 +255,7 @@ function clearAll(position) {
   }
 }
 function normalizeOptions(options) {
-  return tigercatCore.normalizeStringOption(options, "title");
+  return _tigercatcore.normalizeStringOption.call(void 0, options, "title");
 }
 var notification = {
   info(options) {
@@ -260,6 +280,8 @@ var notification = {
 };
 var Notification_default = notification;
 
-exports.NotificationContainer = NotificationContainer;
-exports.Notification_default = Notification_default;
-exports.notification = notification;
+
+
+
+
+exports.NotificationContainer = NotificationContainer; exports.notification = notification; exports.Notification_default = Notification_default;