silver-ui 0.3.0 → 0.4.0

package/dist/{chunk-J2FCNWYM.js → chunk-QRFDPG34.js}

@@ -1,9 +1,9 @@
-import { useTooltip } from './chunk-EMHLPPQZ.js';
-import { useIsomorphicLayoutEffect } from './chunk-ZNUOFLCQ.js';
+import { useTooltip } from './chunk-3CJC4QE6.js';
+import { useIsomorphicLayoutEffect } from './chunk-HINS4GY6.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { cx } from './chunk-GUKZNXTB.js';
 import { cva } from './chunk-FMEIPGUP.js';
-import { useRef, useCallback, createElement, useSyncExternalStore } from 'react';
+import { cx } from './chunk-PPNETWIP.js';
+import { useRef, useCallback, useSyncExternalStore } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // styled-system/tokens/index.js
@@ -3250,14 +3250,13 @@ function BaseHeading({
   ref,
   ...props
 }) {
+  const Component = levelToElement[level];
   const ariaLevel = accessibilityLevel != null && accessibilityLevel !== level ? accessibilityLevel : void 0;
-  return createElement(
-    levelToElement[level],
+  return /* @__PURE__ */ jsx(
+    Component,
     {
       ...props,
-      ref,
       "aria-level": ariaLevel,
-      "data-testid": dataTestId,
       className: cx(
         headingRecipe({
           level,
@@ -3269,9 +3268,11 @@ function BaseHeading({
         }),
         className
       ),
-      style
-    },
-    children
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
   );
 }
 function TruncatedHeading({
@@ -3296,62 +3297,59 @@ function TruncatedHeading({
   const resolvedWordBreak = wordBreak ?? "break-word";
   const tooltipPlacement = typeof hasTruncateTooltip === "string" ? hasTruncateTooltip : "above";
   const isTooltipEnabled = hasTruncateTooltip !== false && truncation.isTruncated;
-  const handleShow = useCallback(() => {
-  }, []);
-  const handleHide = useCallback(() => {
-  }, []);
   const tooltip = useTooltip({
     placement: tooltipPlacement,
-    isEnabled: isTooltipEnabled,
-    onShow: handleShow,
-    onHide: handleHide
+    isEnabled: isTooltipEnabled
   });
   const tooltipRef = tooltip.ref;
   const tooltipDescribedBy = tooltip.describedBy;
   useIsomorphicLayoutEffect(() => {
-    const element2 = headingRef.current;
-    if (element2 == null) {
+    const element = headingRef.current;
+    if (element == null) {
       return;
     }
-    tooltipRef(element2);
-    const existing = element2.getAttribute("aria-describedby");
-    element2.setAttribute(
+    tooltipRef(element);
+    const existing = element.getAttribute("aria-describedby");
+    element.setAttribute(
       "aria-describedby",
       [existing, tooltipDescribedBy].filter(Boolean).join(" ")
     );
     return () => {
       tooltipRef(null);
       if (existing != null) {
-        element2.setAttribute("aria-describedby", existing);
+        element.setAttribute("aria-describedby", existing);
       } else {
-        element2.removeAttribute("aria-describedby");
+        element.removeAttribute("aria-describedby");
       }
     };
   }, [tooltipRef, tooltipDescribedBy]);
   const lineClampStyle = maxLines > 1 ? { WebkitLineClamp: maxLines } : void 0;
+  const Component = levelToElement[level];
   const ariaLevel = accessibilityLevel != null && accessibilityLevel !== level ? accessibilityLevel : void 0;
-  const elementProps = {
-    ...props,
-    ref: mergeRefs(ref, truncation.ref, headingRef),
-    "aria-level": ariaLevel,
-    "data-testid": dataTestId,
-    className: cx(
-      headingRecipe({
-        level,
-        color,
-        display: "block",
-        wordBreak: resolvedWordBreak,
-        textWrap,
-        hasStrikethrough,
-        maxLines: getMaxLinesVariant(maxLines)
-      }),
-      className
-    ),
-    style: { ...style, ...lineClampStyle }
-  };
-  const element = createElement(levelToElement[level], elementProps, children);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    element,
+    /* @__PURE__ */ jsx(
+      Component,
+      {
+        ...props,
+        "aria-level": ariaLevel,
+        className: cx(
+          headingRecipe({
+            level,
+            color,
+            display: "block",
+            wordBreak: resolvedWordBreak,
+            textWrap,
+            hasStrikethrough,
+            maxLines: getMaxLinesVariant(maxLines)
+          }),
+          className
+        ),
+        "data-testid": dataTestId,
+        ref: mergeRefs(ref, truncation.ref, headingRef),
+        style: { ...style, ...lineClampStyle },
+        children
+      }
+    ),
     isTooltipEnabled ? tooltip.renderTooltip(truncation.fullText, {
       contentStyle: {
         maxWidth: truncation.elementWidth || void 0
@@ -3407,12 +3405,10 @@ function BaseText({
   ...props
 }) {
   const resolvedColor = color ?? defaultColorByType[type];
-  return createElement(
+  return /* @__PURE__ */ jsx(
     Component,
     {
       ...props,
-      ref,
-      "data-testid": dataTestId,
       className: cx(
         textRecipe({
           type,
@@ -3427,9 +3423,11 @@ function BaseText({
         }),
         className
       ),
-      style
-    },
-    children
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
   );
 }
 function TruncatedText({
@@ -3458,63 +3456,59 @@ function TruncatedText({
   const resolvedWordBreak = wordBreak ?? "break-word";
   const tooltipPlacement = typeof hasTruncateTooltip === "string" ? hasTruncateTooltip : "above";
   const isTooltipEnabled = hasTruncateTooltip !== false && truncation.isTruncated;
-  const handleShow = useCallback(() => {
-  }, []);
-  const handleHide = useCallback(() => {
-  }, []);
   const tooltip = useTooltip({
     placement: tooltipPlacement,
-    isEnabled: isTooltipEnabled,
-    onShow: handleShow,
-    onHide: handleHide
+    isEnabled: isTooltipEnabled
   });
   const tooltipRef = tooltip.ref;
   const tooltipDescribedBy = tooltip.describedBy;
   useIsomorphicLayoutEffect(() => {
-    const element2 = textRef.current;
-    if (element2 == null) {
+    const element = textRef.current;
+    if (element == null) {
       return;
     }
-    tooltipRef(element2);
-    const existing = element2.getAttribute("aria-describedby");
-    element2.setAttribute(
+    tooltipRef(element);
+    const existing = element.getAttribute("aria-describedby");
+    element.setAttribute(
       "aria-describedby",
       [existing, tooltipDescribedBy].filter(Boolean).join(" ")
     );
     return () => {
       tooltipRef(null);
       if (existing != null) {
-        element2.setAttribute("aria-describedby", existing);
+        element.setAttribute("aria-describedby", existing);
       } else {
-        element2.removeAttribute("aria-describedby");
+        element.removeAttribute("aria-describedby");
       }
     };
   }, [tooltipRef, tooltipDescribedBy]);
   const lineClampStyle = maxLines > 1 ? { WebkitLineClamp: maxLines } : void 0;
-  const elementProps = {
-    ...props,
-    ref: mergeRefs(ref, truncation.ref, textRef),
-    "data-testid": dataTestId,
-    className: cx(
-      textRecipe({
-        type,
-        size,
-        color: resolvedColor,
-        weight,
-        display: "block",
-        wordBreak: resolvedWordBreak,
-        textWrap,
-        hasStrikethrough,
-        hasTabularNumbers,
-        maxLines: getMaxLinesVariant(maxLines)
-      }),
-      className
-    ),
-    style: { ...style, ...lineClampStyle }
-  };
-  const element = createElement(Component, elementProps, children);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    element,
+    /* @__PURE__ */ jsx(
+      Component,
+      {
+        ...props,
+        className: cx(
+          textRecipe({
+            type,
+            size,
+            color: resolvedColor,
+            weight,
+            display: "block",
+            wordBreak: resolvedWordBreak,
+            textWrap,
+            hasStrikethrough,
+            hasTabularNumbers,
+            maxLines: getMaxLinesVariant(maxLines)
+          }),
+          className
+        ),
+        "data-testid": dataTestId,
+        ref: mergeRefs(ref, truncation.ref, textRef),
+        style: { ...style, ...lineClampStyle },
+        children
+      }
+    ),
     isTooltipEnabled ? tooltip.renderTooltip(truncation.fullText, {
       contentStyle: {
         maxWidth: truncation.elementWidth || void 0
@@ -3540,5 +3534,5 @@ function Text(props) {
 Text.displayName = "Text";
 
 export { Heading, Text, token };
-//# sourceMappingURL=chunk-J2FCNWYM.js.map
-//# sourceMappingURL=chunk-J2FCNWYM.js.map
+//# sourceMappingURL=chunk-QRFDPG34.js.map
+//# sourceMappingURL=chunk-QRFDPG34.js.map