@northlight/ui 2.33.12 → 2.33.13

package/dist/umd/northlight.cjs

@@ -4383,7 +4383,7 @@
       }
     return target;
   };
-  const P = (_a) => {
+  const P = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       variant = "16",
@@ -4398,11 +4398,12 @@
       react.Text,
       __spreadValues$23({
         variant,
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$22 = Object.defineProperty;
   var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
@@ -4432,11 +4433,13 @@
       }
     return target;
   };
-  const Blockquote = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1E(_b, ["children", "sx"]);
-    const styles = react.useStyleConfig("Blockquote", { sx });
-    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$22({ as: "span", sx: styles }, rest), children);
-  };
+  const Blockquote = React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, { children, sx = {} } = _b, rest = __objRest$1E(_b, ["children", "sx"]);
+      const styles = react.useStyleConfig("Blockquote", { sx });
+      return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$22({ as: "span", sx: styles, ref }, rest), children);
+    }
+  );
 
   var __defProp$21 = Object.defineProperty;
   var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
@@ -4466,7 +4469,7 @@
       }
     return target;
   };
-  const Capitalized = (_a) => {
+  const Capitalized = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4479,11 +4482,12 @@
       react.Text,
       __spreadValues$21({
         as: "span",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$20 = Object.defineProperty;
   var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
@@ -4513,7 +4517,7 @@
       }
     return target;
   };
-  const Lead = (_a) => {
+  const Lead = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4526,11 +4530,12 @@
       react.Text,
       __spreadValues$20({
         as: "span",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1$ = Object.defineProperty;
   var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
@@ -4560,7 +4565,7 @@
       }
     return target;
   };
-  const Small = (_a) => {
+  const Small = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4573,11 +4578,12 @@
       react.Text,
       __spreadValues$1$({
         as: "small",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1_ = Object.defineProperty;
   var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
@@ -4607,7 +4613,7 @@
       }
     return target;
   };
-  const Tiny = (_a) => {
+  const Tiny = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4620,11 +4626,12 @@
       react.Text,
       __spreadValues$1_({
         as: "span",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1Z = Object.defineProperty;
   var __getOwnPropSymbols$1Z = Object.getOwnPropertySymbols;