silver-ui 0.2.0 → 0.3.1

package/dist/{chunk-JMNH45Q3.cjs → chunk-QEFE4QBL.cjs}

@@ -3252,14 +3252,13 @@ function BaseHeading({
   ref,
   ...props
 }) {
+  const Component = levelToElement[level];
   const ariaLevel = accessibilityLevel != null && accessibilityLevel !== level ? accessibilityLevel : void 0;
-  return react.createElement(
-    levelToElement[level],
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
     {
       ...props,
-      ref,
       "aria-level": ariaLevel,
-      "data-testid": dataTestId,
       className: chunk6BK4LUK4_cjs.cx(
         headingRecipe({
           level,
@@ -3271,9 +3270,11 @@ function BaseHeading({
         }),
         className
       ),
-      style
-    },
-    children
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
   );
 }
 function TruncatedHeading({
@@ -3298,62 +3299,59 @@ function TruncatedHeading({
   const resolvedWordBreak = wordBreak ?? "break-word";
   const tooltipPlacement = typeof hasTruncateTooltip === "string" ? hasTruncateTooltip : "above";
   const isTooltipEnabled = hasTruncateTooltip !== false && truncation.isTruncated;
-  const handleShow = react.useCallback(() => {
-  }, []);
-  const handleHide = react.useCallback(() => {
-  }, []);
   const tooltip = chunk7GN6YTSS_cjs.useTooltip({
     placement: tooltipPlacement,
-    isEnabled: isTooltipEnabled,
-    onShow: handleShow,
-    onHide: handleHide
+    isEnabled: isTooltipEnabled
   });
   const tooltipRef = tooltip.ref;
   const tooltipDescribedBy = tooltip.describedBy;
   chunkU2WVHZ24_cjs.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: chunk6SHL7FYO_cjs.mergeRefs(ref, truncation.ref, headingRef),
-    "aria-level": ariaLevel,
-    "data-testid": dataTestId,
-    className: chunk6BK4LUK4_cjs.cx(
-      headingRecipe({
-        level,
-        color,
-        display: "block",
-        wordBreak: resolvedWordBreak,
-        textWrap,
-        hasStrikethrough,
-        maxLines: getMaxLinesVariant(maxLines)
-      }),
-      className
-    ),
-    style: { ...style, ...lineClampStyle }
-  };
-  const element = react.createElement(levelToElement[level], elementProps, children);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    element,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ...props,
+        "aria-level": ariaLevel,
+        className: chunk6BK4LUK4_cjs.cx(
+          headingRecipe({
+            level,
+            color,
+            display: "block",
+            wordBreak: resolvedWordBreak,
+            textWrap,
+            hasStrikethrough,
+            maxLines: getMaxLinesVariant(maxLines)
+          }),
+          className
+        ),
+        "data-testid": dataTestId,
+        ref: chunk6SHL7FYO_cjs.mergeRefs(ref, truncation.ref, headingRef),
+        style: { ...style, ...lineClampStyle },
+        children
+      }
+    ),
     isTooltipEnabled ? tooltip.renderTooltip(truncation.fullText, {
       contentStyle: {
         maxWidth: truncation.elementWidth || void 0
@@ -3409,12 +3407,10 @@ function BaseText({
   ...props
 }) {
   const resolvedColor = color ?? defaultColorByType[type];
-  return react.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
       ...props,
-      ref,
-      "data-testid": dataTestId,
       className: chunk6BK4LUK4_cjs.cx(
         textRecipe({
           type,
@@ -3429,9 +3425,11 @@ function BaseText({
         }),
         className
       ),
-      style
-    },
-    children
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
   );
 }
 function TruncatedText({
@@ -3460,63 +3458,59 @@ function TruncatedText({
   const resolvedWordBreak = wordBreak ?? "break-word";
   const tooltipPlacement = typeof hasTruncateTooltip === "string" ? hasTruncateTooltip : "above";
   const isTooltipEnabled = hasTruncateTooltip !== false && truncation.isTruncated;
-  const handleShow = react.useCallback(() => {
-  }, []);
-  const handleHide = react.useCallback(() => {
-  }, []);
   const tooltip = chunk7GN6YTSS_cjs.useTooltip({
     placement: tooltipPlacement,
-    isEnabled: isTooltipEnabled,
-    onShow: handleShow,
-    onHide: handleHide
+    isEnabled: isTooltipEnabled
   });
   const tooltipRef = tooltip.ref;
   const tooltipDescribedBy = tooltip.describedBy;
   chunkU2WVHZ24_cjs.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: chunk6SHL7FYO_cjs.mergeRefs(ref, truncation.ref, textRef),
-    "data-testid": dataTestId,
-    className: chunk6BK4LUK4_cjs.cx(
-      textRecipe({
-        type,
-        size,
-        color: resolvedColor,
-        weight,
-        display: "block",
-        wordBreak: resolvedWordBreak,
-        textWrap,
-        hasStrikethrough,
-        hasTabularNumbers,
-        maxLines: getMaxLinesVariant(maxLines)
-      }),
-      className
-    ),
-    style: { ...style, ...lineClampStyle }
-  };
-  const element = react.createElement(Component, elementProps, children);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    element,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ...props,
+        className: chunk6BK4LUK4_cjs.cx(
+          textRecipe({
+            type,
+            size,
+            color: resolvedColor,
+            weight,
+            display: "block",
+            wordBreak: resolvedWordBreak,
+            textWrap,
+            hasStrikethrough,
+            hasTabularNumbers,
+            maxLines: getMaxLinesVariant(maxLines)
+          }),
+          className
+        ),
+        "data-testid": dataTestId,
+        ref: chunk6SHL7FYO_cjs.mergeRefs(ref, truncation.ref, textRef),
+        style: { ...style, ...lineClampStyle },
+        children
+      }
+    ),
     isTooltipEnabled ? tooltip.renderTooltip(truncation.fullText, {
       contentStyle: {
         maxWidth: truncation.elementWidth || void 0
@@ -3544,5 +3538,5 @@ Text.displayName = "Text";
 exports.Heading = Heading;
 exports.Text = Text;
 exports.token = token;
-//# sourceMappingURL=chunk-JMNH45Q3.cjs.map
-//# sourceMappingURL=chunk-JMNH45Q3.cjs.map
+//# sourceMappingURL=chunk-QEFE4QBL.cjs.map
+//# sourceMappingURL=chunk-QEFE4QBL.cjs.map